#C8C8F1 - #D5E3EA | 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 #C8C8F1 a #D5E3EA

#C8C8F1 #D5E3EA

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

#C8C8F1 - #D5E3EA | 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 #C8C8F1 como 0% y #D5E3EA como 100%.

0.0%	0.0% #C8C8F1	RGB 200 200 241	#C8C8F1
16.7%	16.7% #CACCEF	RGB 202 204 239	#CACCEF
33.3%	33.3% #CCD1EE	RGB 204 209 238	#CCD1EE
50.0%	50.0% #CED5ED	RGB 206 213 237	#CED5ED
66.7%	66.7% #D0DAEC	RGB 208 218 236	#D0DAEC
83.3%	83.3% #D2DEEB	RGB 210 222 235	#D2DEEB
100.0%	100.0% #D5E3EA	RGB 213 227 234	#D5E3EA

#C8C8F1 #CACCEF #CCD1EE #CED5ED #D0DAEC #D2DEEB #D5E3EA

#C8C8F1 - #D5E3EA

Mezcla HSV

#C8C8F1 - #D5E3EA | 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 #C8C8F1 como 0% y #D5E3EA como 100%.

0.0%	0.0% #C8C8F1	RGB 200 200 241	#C8C8F1
16.7%	16.7% #CACEEF	RGB 202 206 239	#CACEEF
33.3%	33.3% #CCD4EE	RGB 204 212 238	#CCD4EE
50.0%	50.0% #CED8ED	RGB 206 216 237	#CED8ED
66.7%	66.7% #D0DDEC	RGB 208 221 236	#D0DDEC
83.3%	83.3% #D2E0EB	RGB 210 224 235	#D2E0EB
100.0%	100.0% #D5E3EA	RGB 213 227 234	#D5E3EA

#C8C8F1 #CACEEF #CCD4EE #CED8ED #D0DDEC #D2E0EB #D5E3EA

#C8C8F1 - #CED8ED - #D5E3EA

Códigos CSS

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

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