#C7CAC2 - #ECE7CF | 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 #C7CAC2 a #ECE7CF

#C7CAC2 #ECE7CF

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

#C7CAC2 - #ECE7CF | 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 #C7CAC2 como 0% y #ECE7CF como 100%.

0.0%	0.0% #C7CAC2	RGB 199 202 194	#C7CAC2
16.7%	16.7% #CDCEC4	RGB 205 206 196	#CDCEC4
33.3%	33.3% #D3D3C6	RGB 211 211 198	#D3D3C6
50.0%	50.0% #D9D8C8	RGB 217 216 200	#D9D8C8
66.7%	66.7% #DFDDCA	RGB 223 221 202	#DFDDCA
83.3%	83.3% #E5E2CC	RGB 229 226 204	#E5E2CC
100.0%	100.0% #ECE7CF	RGB 236 231 207	#ECE7CF

#C7CAC2 #CDCEC4 #D3D3C6 #D9D8C8 #DFDDCA #E5E2CC #ECE7CF

#C7CAC2 - #ECE7CF

Mezcla HSV

#C7CAC2 - #ECE7CF | 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 #C7CAC2 como 0% y #ECE7CF como 100%.

0.0%	0.0% #C7CAC2	RGB 199 202 194	#C7CAC2
16.7%	16.7% #CCCFC4	RGB 204 207 196	#CCCFC4
33.3%	33.3% #D2D5C6	RGB 210 213 198	#D2D5C6
50.0%	50.0% #D9DBC9	RGB 217 219 201	#D9DBC9
66.7%	66.7% #E0E0CB	RGB 224 224 203	#E0E0CB
83.3%	83.3% #E6E4CD	RGB 230 228 205	#E6E4CD
100.0%	100.0% #ECE7CF	RGB 236 231 207	#ECE7CF

#C7CAC2 #CCCFC4 #D2D5C6 #D9DBC9 #E0E0CB #E6E4CD #ECE7CF

#C7CAC2 - #D9DBC9 - #ECE7CF

Códigos CSS

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

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