#36A6B5 - #C5E5E9 | 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 #36A6B5 a #C5E5E9

#36A6B5 #C5E5E9

Calcule el color entre dos colores, #36A6B5 y #C5E5E9. 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)

#36A6B5 - #C5E5E9 | 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 #36A6B5 como 0% y #C5E5E9 como 100%.

0.0%	0.0% #36A6B5	RGB 54 166 181	#36A6B5
16.7%	16.7% #4DB0BD	RGB 77 176 189	#4DB0BD
33.3%	33.3% #65BBC6	RGB 101 187 198	#65BBC6
50.0%	50.0% #7DC5CF	RGB 125 197 207	#7DC5CF
66.7%	66.7% #95D0D7	RGB 149 208 215	#95D0D7
83.3%	83.3% #ADDAE0	RGB 173 218 224	#ADDAE0
100.0%	100.0% #C5E5E9	RGB 197 229 233	#C5E5E9

#36A6B5 #4DB0BD #65BBC6 #7DC5CF #95D0D7 #ADDAE0 #C5E5E9

#36A6B5 - #C5E5E9

Mezcla HSV

#36A6B5 - #C5E5E9 | 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 #36A6B5 como 0% y #C5E5E9 como 100%.

0.0%	0.0% #36A6B5	RGB 54 166 181	#36A6B5
16.7%	16.7% #49B0BD	RGB 73 176 189	#49B0BD
33.3%	33.3% #5FBAC6	RGB 95 186 198	#5FBAC6
50.0%	50.0% #76C4CF	RGB 118 196 207	#76C4CF
66.7%	66.7% #8FCFD7	RGB 143 207 215	#8FCFD7
83.3%	83.3% #A9DAE0	RGB 169 218 224	#A9DAE0
100.0%	100.0% #C5E5E9	RGB 197 229 233	#C5E5E9

#36A6B5 #49B0BD #5FBAC6 #76C4CF #8FCFD7 #A9DAE0 #C5E5E9

#36A6B5 - #76C4CF - #C5E5E9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #36A6B5 0%, #76C4CF 50%, #C5E5E9 100%);
    background: -webkit-linear-gradient(top, #36A6B5 0%, #76C4CF 50%, #C5E5E9 100%);
    background: linear-gradient(to bottom, #36A6B5 0%, #76C4CF 50%, #C5E5E9 100%);
}
</style>