#CCB5E9 - #FFE9DF | 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 #CCB5E9 a #FFE9DF

#CCB5E9 #FFE9DF

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

#CCB5E9 - #FFE9DF | 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 #CCB5E9 como 0% y #FFE9DF como 100%.

0.0%	0.0% #CCB5E9	RGB 204 181 233	#CCB5E9
16.7%	16.7% #D4BDE7	RGB 212 189 231	#D4BDE7
33.3%	33.3% #DDC6E5	RGB 221 198 229	#DDC6E5
50.0%	50.0% #E5CFE4	RGB 229 207 228	#E5CFE4
66.7%	66.7% #EED7E2	RGB 238 215 226	#EED7E2
83.3%	83.3% #F6E0E0	RGB 246 224 224	#F6E0E0
100.0%	100.0% #FFE9DF	RGB 255 233 223	#FFE9DF

#CCB5E9 #D4BDE7 #DDC6E5 #E5CFE4 #EED7E2 #F6E0E0 #FFE9DF

#CCB5E9 - #FFE9DF

Mezcla HSV

#CCB5E9 - #FFE9DF | 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 #CCB5E9 como 0% y #FFE9DF como 100%.

0.0%	0.0% #CCB5E9	RGB 204 181 233	#CCB5E9
16.7%	16.7% #E0BBEC	RGB 224 187 236	#E0BBEC
33.3%	33.3% #F0C2ED	RGB 240 194 237	#F0C2ED
50.0%	50.0% #F4C9E3	RGB 244 201 227	#F4C9E3
66.7%	66.7% #F7D0DC	RGB 247 208 220	#F7D0DC
83.3%	83.3% #FBD7D7	RGB 251 215 215	#FBD7D7
100.0%	100.0% #FFE9DF	RGB 255 233 223	#FFE9DF

#CCB5E9 #E0BBEC #F0C2ED #F4C9E3 #F7D0DC #FBD7D7 #FFE9DF

#CCB5E9 - #F4C9E3 - #FFE9DF

Códigos CSS

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

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