#C3CAC2 - #E7EACB | 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 #C3CAC2 a #E7EACB

#C3CAC2 #E7EACB

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

#C3CAC2 - #E7EACB | 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 #C3CAC2 como 0% y #E7EACB como 100%.

0.0%	0.0% #C3CAC2	RGB 195 202 194	#C3CAC2
16.7%	16.7% #C9CFC3	RGB 201 207 195	#C9CFC3
33.3%	33.3% #CFD4C5	RGB 207 212 197	#CFD4C5
50.0%	50.0% #D5DAC6	RGB 213 218 198	#D5DAC6
66.7%	66.7% #DBDFC8	RGB 219 223 200	#DBDFC8
83.3%	83.3% #E1E4C9	RGB 225 228 201	#E1E4C9
100.0%	100.0% #E7EACB	RGB 231 234 203	#E7EACB

#C3CAC2 #C9CFC3 #CFD4C5 #D5DAC6 #DBDFC8 #E1E4C9 #E7EACB

#C3CAC2 - #E7EACB

Mezcla HSV

#C3CAC2 - #E7EACB | 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 #C3CAC2 como 0% y #E7EACB como 100%.

0.0%	0.0% #C3CAC2	RGB 195 202 194	#C3CAC2
16.7%	16.7% #C6CFC3	RGB 198 207 195	#C6CFC3
33.3%	33.3% #CBD4C5	RGB 203 212 197	#CBD4C5
50.0%	50.0% #D0DAC7	RGB 208 218 199	#D0DAC7
66.7%	66.7% #D7DFC8	RGB 215 223 200	#D7DFC8
83.3%	83.3% #DEE4C9	RGB 222 228 201	#DEE4C9
100.0%	100.0% #E7EACB	RGB 231 234 203	#E7EACB

#C3CAC2 #C6CFC3 #CBD4C5 #D0DAC7 #D7DFC8 #DEE4C9 #E7EACB

#C3CAC2 - #D0DAC7 - #E7EACB

Códigos CSS

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

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