#CDDAD4 - #E7E3E2 | 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 #CDDAD4 a #E7E3E2

#CDDAD4 #E7E3E2

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

#CDDAD4 - #E7E3E2 | 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 #CDDAD4 como 0% y #E7E3E2 como 100%.

0.0%	0.0% #CDDAD4	RGB 205 218 212	#CDDAD4
16.7%	16.7% #D1DBD6	RGB 209 219 214	#D1DBD6
33.3%	33.3% #D5DDD8	RGB 213 221 216	#D5DDD8
50.0%	50.0% #DADEDB	RGB 218 222 219	#DADEDB
66.7%	66.7% #DEE0DD	RGB 222 224 221	#DEE0DD
83.3%	83.3% #E2E1DF	RGB 226 225 223	#E2E1DF
100.0%	100.0% #E7E3E2	RGB 231 227 226	#E7E3E2

#CDDAD4 #D1DBD6 #D5DDD8 #DADEDB #DEE0DD #E2E1DF #E7E3E2

#CDDAD4 - #E7E3E2

Mezcla HSV

#CDDAD4 - #E7E3E2 | 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 #CDDAD4 como 0% y #E7E3E2 como 100%.

0.0%	0.0% #CDDAD4	RGB 205 218 212	#CDDAD4
16.7%	16.7% #D0DCD2	RGB 208 220 210	#D0DCD2
33.3%	33.3% #D6DED3	RGB 214 222 211	#D6DED3
50.0%	50.0% #DDE0D7	RGB 221 224 215	#DDE0D7
66.7%	66.7% #E2E2DA	RGB 226 226 218	#E2E2DA
83.3%	83.3% #E4E2DE	RGB 228 226 222	#E4E2DE
100.0%	100.0% #E7E3E2	RGB 231 227 226	#E7E3E2

#CDDAD4 #D0DCD2 #D6DED3 #DDE0D7 #E2E2DA #E4E2DE #E7E3E2

#CDDAD4 - #DDE0D7 - #E7E3E2

Códigos CSS

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

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