#C9CDC9 - #E2D5E4 | 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 #C9CDC9 a #E2D5E4

#C9CDC9 #E2D5E4

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

#C9CDC9 - #E2D5E4 | 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 #C9CDC9 como 0% y #E2D5E4 como 100%.

0.0%	0.0% #C9CDC9	RGB 201 205 201	#C9CDC9
16.7%	16.7% #CDCECD	RGB 205 206 205	#CDCECD
33.3%	33.3% #D1CFD2	RGB 209 207 210	#D1CFD2
50.0%	50.0% #D5D1D6	RGB 213 209 214	#D5D1D6
66.7%	66.7% #D9D2DB	RGB 217 210 219	#D9D2DB
83.3%	83.3% #DDD3DF	RGB 221 211 223	#DDD3DF
100.0%	100.0% #E2D5E4	RGB 226 213 228	#E2D5E4

#C9CDC9 #CDCECD #D1CFD2 #D5D1D6 #D9D2DB #DDD3DF #E2D5E4

#C9CDC9 - #E2D5E4

Mezcla HSV

#C9CDC9 - #E2D5E4 | 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 #C9CDC9 como 0% y #E2D5E4 como 100%.

0.0%	0.0% #C9CDC9	RGB 201 205 201	#C9CDC9
16.7%	16.7% #CBD0CD	RGB 203 208 205	#CBD0CD
33.3%	33.3% #CDD4D4	RGB 205 212 212	#CDD4D4
50.0%	50.0% #CFD4D8	RGB 207 212 216	#CFD4D8
66.7%	66.7% #D1D2DC	RGB 209 210 220	#D1D2DC
83.3%	83.3% #D8D3E0	RGB 216 211 224	#D8D3E0
100.0%	100.0% #E2D5E4	RGB 226 213 228	#E2D5E4

#C9CDC9 #CBD0CD #CDD4D4 #CFD4D8 #D1D2DC #D8D3E0 #E2D5E4

#C9CDC9 - #CFD4D8 - #E2D5E4

Códigos CSS

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

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