#C2BAFF - #FFECF0 | 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 #C2BAFF a #FFECF0

#C2BAFF #FFECF0

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

#C2BAFF - #FFECF0 | 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 #C2BAFF como 0% y #FFECF0 como 100%.

0.0%	0.0% #C2BAFF	RGB 194 186 255	#C2BAFF
16.7%	16.7% #CCC2FC	RGB 204 194 252	#CCC2FC
33.3%	33.3% #D6CAFA	RGB 214 202 250	#D6CAFA
50.0%	50.0% #E0D3F7	RGB 224 211 247	#E0D3F7
66.7%	66.7% #EADBF5	RGB 234 219 245	#EADBF5
83.3%	83.3% #F4E3F2	RGB 244 227 242	#F4E3F2
100.0%	100.0% #FFECF0	RGB 255 236 240	#FFECF0

#C2BAFF #CCC2FC #D6CAFA #E0D3F7 #EADBF5 #F4E3F2 #FFECF0

#C2BAFF - #FFECF0

Mezcla HSV

#C2BAFF - #FFECF0 | 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 #C2BAFF como 0% y #FFECF0 como 100%.

0.0%	0.0% #C2BAFF	RGB 194 186 255	#C2BAFF
16.7%	16.7% #DAC2FF	RGB 218 194 255	#DAC2FF
33.3%	33.3% #EDCAFF	RGB 237 202 255	#EDCAFF
50.0%	50.0% #FCD3FF	RGB 252 211 255	#FCD3FF
66.7%	66.7% #FFDBF6	RGB 255 219 246	#FFDBF6
83.3%	83.3% #FFE3F1	RGB 255 227 241	#FFE3F1
100.0%	100.0% #FFECF0	RGB 255 236 240	#FFECF0

#C2BAFF #DAC2FF #EDCAFF #FCD3FF #FFDBF6 #FFE3F1 #FFECF0

#C2BAFF - #FCD3FF - #FFECF0

Códigos CSS

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

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