#CCD4CE - #E4DADE | 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 #CCD4CE a #E4DADE

#CCD4CE #E4DADE

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

#CCD4CE - #E4DADE | 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 #CCD4CE como 0% y #E4DADE como 100%.

0.0%	0.0% #CCD4CE	RGB 204 212 206	#CCD4CE
16.7%	16.7% #D0D5D0	RGB 208 213 208	#D0D5D0
33.3%	33.3% #D4D6D3	RGB 212 214 211	#D4D6D3
50.0%	50.0% #D8D7D6	RGB 216 215 214	#D8D7D6
66.7%	66.7% #DCD8D8	RGB 220 216 216	#DCD8D8
83.3%	83.3% #E0D9DB	RGB 224 217 219	#E0D9DB
100.0%	100.0% #E4DADE	RGB 228 218 222	#E4DADE

#CCD4CE #D0D5D0 #D4D6D3 #D8D7D6 #DCD8D8 #E0D9DB #E4DADE

#CCD4CE - #E4DADE

Mezcla HSV

#CCD4CE - #E4DADE | 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 #CCD4CE como 0% y #E4DADE como 100%.

0.0%	0.0% #CCD4CE	RGB 204 212 206	#CCD4CE
16.7%	16.7% #CFD6CE	RGB 207 214 206	#CFD6CE
33.3%	33.3% #D6D9D0	RGB 214 217 208	#D6D9D0
50.0%	50.0% #DCDBD3	RGB 220 219 211	#DCDBD3
66.7%	66.7% #DED9D5	RGB 222 217 213	#DED9D5
83.3%	83.3% #E1D8D7	RGB 225 216 215	#E1D8D7
100.0%	100.0% #E4DADE	RGB 228 218 222	#E4DADE

#CCD4CE #CFD6CE #D6D9D0 #DCDBD3 #DED9D5 #E1D8D7 #E4DADE

#CCD4CE - #DCDBD3 - #E4DADE

Códigos CSS

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

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