#0E5E5E - #BAD1D1 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #0E5E5E a #BAD1D1

#0E5E5E #BAD1D1

Calcule el color entre dos colores, #0E5E5E y #BAD1D1. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#0E5E5E - #BAD1D1 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #0E5E5E como 0% y #BAD1D1 como 100%.

0.0%	0.0% #0E5E5E	RGB 14 94 94	#0E5E5E
16.7%	16.7% #2A7171	RGB 42 113 113	#2A7171
33.3%	33.3% #478484	RGB 71 132 132	#478484
50.0%	50.0% #649797	RGB 100 151 151	#649797
66.7%	66.7% #80AAAA	RGB 128 170 170	#80AAAA
83.3%	83.3% #9DBDBD	RGB 157 189 189	#9DBDBD
100.0%	100.0% #BAD1D1	RGB 186 209 209	#BAD1D1

#0E5E5E #2A7171 #478484 #649797 #80AAAA #9DBDBD #BAD1D1

#0E5E5E - #BAD1D1

Mezcla HSV

#0E5E5E - #BAD1D1 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #0E5E5E como 0% y #BAD1D1 como 100%.

0.0%	0.0% #0D5E5E	RGB 13 94 94	#0D5E5E
16.7%	16.7% #1E7171	RGB 30 113 113	#1E7171
33.3%	33.3% #348484	RGB 52 132 132	#348484
50.0%	50.0% #4E9797	RGB 78 151 151	#4E9797
66.7%	66.7% #6DAAAA	RGB 109 170 170	#6DAAAA
83.3%	83.3% #91BDBD	RGB 145 189 189	#91BDBD
100.0%	100.0% #BAD1D1	RGB 186 209 209	#BAD1D1

#0D5E5E #1E7171 #348484 #4E9797 #6DAAAA #91BDBD #BAD1D1

#0E5E5E - #4E9797 - #BAD1D1

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #0E5E5E 0%, #BAD1D1 100%);
    background: -webkit-linear-gradient(top, #0E5E5E 0%, #BAD1D1 100%);
    background: linear-gradient(to bottom, #0E5E5E 0%, #BAD1D1 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0D5E5E 0%, #4E9797 50%, #BAD1D1 100%);
    background: -webkit-linear-gradient(top, #0D5E5E 0%, #4E9797 50%, #BAD1D1 100%);
    background: linear-gradient(to bottom, #0D5E5E 0%, #4E9797 50%, #BAD1D1 100%);
}
</style>