#E6DAF2 - #CFCAE9 | 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 #E6DAF2 a #CFCAE9

#E6DAF2 #CFCAE9

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

#E6DAF2 - #CFCAE9 | 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 #E6DAF2 como 0% y #CFCAE9 como 100%.

0.0%	0.0% #E6DAF2	RGB 230 218 242	#E6DAF2
16.7%	16.7% #E2D7F0	RGB 226 215 240	#E2D7F0
33.3%	33.3% #DED4EF	RGB 222 212 239	#DED4EF
50.0%	50.0% #DAD2ED	RGB 218 210 237	#DAD2ED
66.7%	66.7% #D6CFEC	RGB 214 207 236	#D6CFEC
83.3%	83.3% #D2CCEA	RGB 210 204 234	#D2CCEA
100.0%	100.0% #CFCAE9	RGB 207 202 233	#CFCAE9

#E6DAF2 #E2D7F0 #DED4EF #DAD2ED #D6CFEC #D2CCEA #CFCAE9

#E6DAF2 - #CFCAE9

Mezcla HSV

#E6DAF2 - #CFCAE9 | 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 #E6DAF2 como 0% y #CFCAE9 como 100%.

0.0%	0.0% #E6DAF2	RGB 230 218 242	#E6DAF2
16.7%	16.7% #E2D7F0	RGB 226 215 240	#E2D7F0
33.3%	33.3% #DED4EF	RGB 222 212 239	#DED4EF
50.0%	50.0% #DBD1ED	RGB 219 209 237	#DBD1ED
66.7%	66.7% #D7CFEC	RGB 215 207 236	#D7CFEC
83.3%	83.3% #D3CCEA	RGB 211 204 234	#D3CCEA
100.0%	100.0% #CFCAE9	RGB 207 202 233	#CFCAE9

#E6DAF2 #E2D7F0 #DED4EF #DBD1ED #D7CFEC #D3CCEA #CFCAE9

#E6DAF2 - #DBD1ED - #CFCAE9

Códigos CSS

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

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