#C9CAC5 - #E9EFD8 | 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 #C9CAC5 a #E9EFD8

#C9CAC5 #E9EFD8

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

#C9CAC5 - #E9EFD8 | 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 #C9CAC5 como 0% y #E9EFD8 como 100%.

0.0%	0.0% #C9CAC5	RGB 201 202 197	#C9CAC5
16.7%	16.7% #CED0C8	RGB 206 208 200	#CED0C8
33.3%	33.3% #D3D6CB	RGB 211 214 203	#D3D6CB
50.0%	50.0% #D9DCCE	RGB 217 220 206	#D9DCCE
66.7%	66.7% #DEE2D1	RGB 222 226 209	#DEE2D1
83.3%	83.3% #E3E8D4	RGB 227 232 212	#E3E8D4
100.0%	100.0% #E9EFD8	RGB 233 239 216	#E9EFD8

#C9CAC5 #CED0C8 #D3D6CB #D9DCCE #DEE2D1 #E3E8D4 #E9EFD8

#C9CAC5 - #E9EFD8

Mezcla HSV

#C9CAC5 - #E9EFD8 | 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 #C9CAC5 como 0% y #E9EFD8 como 100%.

0.0%	0.0% #C9CAC5	RGB 201 202 197	#C9CAC5
16.7%	16.7% #CED0C8	RGB 206 208 200	#CED0C8
33.3%	33.3% #D4D6CB	RGB 212 214 203	#D4D6CB
50.0%	50.0% #D9DCCF	RGB 217 220 207	#D9DCCF
66.7%	66.7% #DEE2D2	RGB 222 226 210	#DEE2D2
83.3%	83.3% #E3E8D5	RGB 227 232 213	#E3E8D5
100.0%	100.0% #E9EFD8	RGB 233 239 216	#E9EFD8

#C9CAC5 #CED0C8 #D4D6CB #D9DCCF #DEE2D2 #E3E8D5 #E9EFD8

#C9CAC5 - #D9DCCF - #E9EFD8

Códigos CSS

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

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