#C8CCD3 - #E5E4DB | 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 #C8CCD3 a #E5E4DB

#C8CCD3 #E5E4DB

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

#C8CCD3 - #E5E4DB | 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 #C8CCD3 como 0% y #E5E4DB como 100%.

0.0%	0.0% #C8CCD3	RGB 200 204 211	#C8CCD3
16.7%	16.7% #CCD0D4	RGB 204 208 212	#CCD0D4
33.3%	33.3% #D1D4D5	RGB 209 212 213	#D1D4D5
50.0%	50.0% #D6D8D7	RGB 214 216 215	#D6D8D7
66.7%	66.7% #DBDCD8	RGB 219 220 216	#DBDCD8
83.3%	83.3% #E0E0D9	RGB 224 224 217	#E0E0D9
100.0%	100.0% #E5E4DB	RGB 229 228 219	#E5E4DB

#C8CCD3 #CCD0D4 #D1D4D5 #D6D8D7 #DBDCD8 #E0E0D9 #E5E4DB

#C8CCD3 - #E5E4DB

Mezcla HSV

#C8CCD3 - #E5E4DB | 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 #C8CCD3 como 0% y #E5E4DB como 100%.

0.0%	0.0% #C8CCD3	RGB 200 204 211	#C8CCD3
16.7%	16.7% #CBD4D6	RGB 203 212 214	#CBD4D6
33.3%	33.3% #CED9D6	RGB 206 217 214	#CED9D6
50.0%	50.0% #D1DCD4	RGB 209 220 212	#D1DCD4
66.7%	66.7% #D6DFD4	RGB 214 223 212	#D6DFD4
83.3%	83.3% #DEE2D7	RGB 222 226 215	#DEE2D7
100.0%	100.0% #E5E4DB	RGB 229 228 219	#E5E4DB

#C8CCD3 #CBD4D6 #CED9D6 #D1DCD4 #D6DFD4 #DEE2D7 #E5E4DB

#C8CCD3 - #D1DCD4 - #E5E4DB

Códigos CSS

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

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