#C5E3E9 - #384042 | 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 #C5E3E9 a #384042

#C5E3E9 #384042

Calcule el color entre dos colores, #C5E3E9 y #384042. 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)

#C5E3E9 - #384042 | 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 #C5E3E9 como 0% y #384042 como 100%.

0.0%	0.0% #C5E3E9	RGB 197 227 233	#C5E3E9
16.7%	16.7% #ADC7CD	RGB 173 199 205	#ADC7CD
33.3%	33.3% #96ACB1	RGB 150 172 177	#96ACB1
50.0%	50.0% #7E9195	RGB 126 145 149	#7E9195
66.7%	66.7% #677679	RGB 103 118 121	#677679
83.3%	83.3% #4F5B5D	RGB 79 91 93	#4F5B5D
100.0%	100.0% #384042	RGB 56 64 66	#384042

#C5E3E9 #ADC7CD #96ACB1 #7E9195 #677679 #4F5B5D #384042

#C5E3E9 - #384042

Mezcla HSV

#C5E3E9 - #384042 | 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 #C5E3E9 como 0% y #384042 como 100%.

0.0%	0.0% #C5E3E9	RGB 197 227 233	#C5E3E9
16.7%	16.7% #ADC7CD	RGB 173 199 205	#ADC7CD
33.3%	33.3% #96ACB1	RGB 150 172 177	#96ACB1
50.0%	50.0% #7E9195	RGB 126 145 149	#7E9195
66.7%	66.7% #677679	RGB 103 118 121	#677679
83.3%	83.3% #4F5B5D	RGB 79 91 93	#4F5B5D
100.0%	100.0% #384042	RGB 56 64 66	#384042

#C5E3E9 #ADC7CD #96ACB1 #7E9195 #677679 #4F5B5D #384042

#C5E3E9 - #7E9195 - #384042

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E3E9 0%, #7E9195 50%, #384042 100%);
    background: -webkit-linear-gradient(top, #C5E3E9 0%, #7E9195 50%, #384042 100%);
    background: linear-gradient(to bottom, #C5E3E9 0%, #7E9195 50%, #384042 100%);
}
</style>