#C3C8C2 - #E6EACB | 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 #C3C8C2 a #E6EACB

#C3C8C2 #E6EACB

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

#C3C8C2 - #E6EACB | 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 #C3C8C2 como 0% y #E6EACB como 100%.

0.0%	0.0% #C3C8C2	RGB 195 200 194	#C3C8C2
16.7%	16.7% #C8CDC3	RGB 200 205 195	#C8CDC3
33.3%	33.3% #CED3C5	RGB 206 211 197	#CED3C5
50.0%	50.0% #D4D9C6	RGB 212 217 198	#D4D9C6
66.7%	66.7% #DADEC8	RGB 218 222 200	#DADEC8
83.3%	83.3% #E0E4C9	RGB 224 228 201	#E0E4C9
100.0%	100.0% #E6EACB	RGB 230 234 203	#E6EACB

#C3C8C2 #C8CDC3 #CED3C5 #D4D9C6 #DADEC8 #E0E4C9 #E6EACB

#C3C8C2 - #E6EACB

Mezcla HSV

#C3C8C2 - #E6EACB | 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 #C3C8C2 como 0% y #E6EACB como 100%.

0.0%	0.0% #C3C8C2	RGB 195 200 194	#C3C8C2
16.7%	16.7% #C6CDC3	RGB 198 205 195	#C6CDC3
33.3%	33.3% #CBD3C5	RGB 203 211 197	#CBD3C5
50.0%	50.0% #D0D9C7	RGB 208 217 199	#D0D9C7
66.7%	66.7% #D6DEC8	RGB 214 222 200	#D6DEC8
83.3%	83.3% #DDE4C9	RGB 221 228 201	#DDE4C9
100.0%	100.0% #E6EACB	RGB 230 234 203	#E6EACB

#C3C8C2 #C6CDC3 #CBD3C5 #D0D9C7 #D6DEC8 #DDE4C9 #E6EACB

#C3C8C2 - #D0D9C7 - #E6EACB

Códigos CSS

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

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