#CCB5E4 - #FFE9DB | 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 #CCB5E4 a #FFE9DB

#CCB5E4 #FFE9DB

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

#CCB5E4 - #FFE9DB | 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 #CCB5E4 como 0% y #FFE9DB como 100%.

0.0%	0.0% #CCB5E4	RGB 204 181 228	#CCB5E4
16.7%	16.7% #D4BDE2	RGB 212 189 226	#D4BDE2
33.3%	33.3% #DDC6E1	RGB 221 198 225	#DDC6E1
50.0%	50.0% #E5CFDF	RGB 229 207 223	#E5CFDF
66.7%	66.7% #EED7DE	RGB 238 215 222	#EED7DE
83.3%	83.3% #F6E0DC	RGB 246 224 220	#F6E0DC
100.0%	100.0% #FFE9DB	RGB 255 233 219	#FFE9DB

#CCB5E4 #D4BDE2 #DDC6E1 #E5CFDF #EED7DE #F6E0DC #FFE9DB

#CCB5E4 - #FFE9DB

Mezcla HSV

#CCB5E4 - #FFE9DB | 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 #CCB5E4 como 0% y #FFE9DB como 100%.

0.0%	0.0% #CCB5E4	RGB 204 181 228	#CCB5E4
16.7%	16.7% #DFBBE8	RGB 223 187 232	#DFBBE8
33.3%	33.3% #EDC1E7	RGB 237 193 231	#EDC1E7
50.0%	50.0% #F1C7DF	RGB 241 199 223	#F1C7DF
66.7%	66.7% #F6CDD7	RGB 246 205 215	#F6CDD7
83.3%	83.3% #FAD7D4	RGB 250 215 212	#FAD7D4
100.0%	100.0% #FFE9DB	RGB 255 233 219	#FFE9DB

#CCB5E4 #DFBBE8 #EDC1E7 #F1C7DF #F6CDD7 #FAD7D4 #FFE9DB

#CCB5E4 - #F1C7DF - #FFE9DB

Códigos CSS

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

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