#CFB5E5 - #F1E9F7 | 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 #CFB5E5 a #F1E9F7

#CFB5E5 #F1E9F7

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

#CFB5E5 - #F1E9F7 | 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 #CFB5E5 como 0% y #F1E9F7 como 100%.

0.0%	0.0% #CFB5E5	RGB 207 181 229	#CFB5E5
16.7%	16.7% #D4BDE8	RGB 212 189 232	#D4BDE8
33.3%	33.3% #DAC6EB	RGB 218 198 235	#DAC6EB
50.0%	50.0% #E0CFEE	RGB 224 207 238	#E0CFEE
66.7%	66.7% #E5D7F1	RGB 229 215 241	#E5D7F1
83.3%	83.3% #EBE0F4	RGB 235 224 244	#EBE0F4
100.0%	100.0% #F1E9F7	RGB 241 233 247	#F1E9F7

#CFB5E5 #D4BDE8 #DAC6EB #E0CFEE #E5D7F1 #EBE0F4 #F1E9F7

#CFB5E5 - #F1E9F7

Mezcla HSV

#CFB5E5 - #F1E9F7 | 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 #CFB5E5 como 0% y #F1E9F7 como 100%.

0.0%	0.0% #CFB5E5	RGB 207 181 229	#CFB5E5
16.7%	16.7% #D4BDE8	RGB 212 189 232	#D4BDE8
33.3%	33.3% #DAC5EB	RGB 218 197 235	#DAC5EB
50.0%	50.0% #DFCEEE	RGB 223 206 238	#DFCEEE
66.7%	66.7% #E5D7F1	RGB 229 215 241	#E5D7F1
83.3%	83.3% #EBDFF4	RGB 235 223 244	#EBDFF4
100.0%	100.0% #F1E9F7	RGB 241 233 247	#F1E9F7

#CFB5E5 #D4BDE8 #DAC5EB #DFCEEE #E5D7F1 #EBDFF4 #F1E9F7

#CFB5E5 - #DFCEEE - #F1E9F7

Códigos CSS

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

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