#C8CAD3 - #E2E2D8 | 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 #C8CAD3 a #E2E2D8

#C8CAD3 #E2E2D8

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

#C8CAD3 - #E2E2D8 | 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 #C8CAD3 como 0% y #E2E2D8 como 100%.

0.0%	0.0% #C8CAD3	RGB 200 202 211	#C8CAD3
16.7%	16.7% #CCCED3	RGB 204 206 211	#CCCED3
33.3%	33.3% #D0D2D4	RGB 208 210 212	#D0D2D4
50.0%	50.0% #D5D6D5	RGB 213 214 213	#D5D6D5
66.7%	66.7% #D9DAD6	RGB 217 218 214	#D9DAD6
83.3%	83.3% #DDDED7	RGB 221 222 215	#DDDED7
100.0%	100.0% #E2E2D8	RGB 226 226 216	#E2E2D8

#C8CAD3 #CCCED3 #D0D2D4 #D5D6D5 #D9DAD6 #DDDED7 #E2E2D8

#C8CAD3 - #E2E2D8

Mezcla HSV

#C8CAD3 - #E2E2D8 | 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 #C8CAD3 como 0% y #E2E2D8 como 100%.

0.0%	0.0% #C8CAD3	RGB 200 202 211	#C8CAD3
16.7%	16.7% #CAD1D5	RGB 202 209 213	#CAD1D5
33.3%	33.3% #CDD8D6	RGB 205 216 214	#CDD8D6
50.0%	50.0% #CFDAD4	RGB 207 218 212	#CFDAD4
66.7%	66.7% #D3DDD2	RGB 211 221 210	#D3DDD2
83.3%	83.3% #DADFD5	RGB 218 223 213	#DADFD5
100.0%	100.0% #E2E2D8	RGB 226 226 216	#E2E2D8

#C8CAD3 #CAD1D5 #CDD8D6 #CFDAD4 #D3DDD2 #DADFD5 #E2E2D8

#C8CAD3 - #CFDAD4 - #E2E2D8

Códigos CSS

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

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