#CFC5E5 - #8566A8 | 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 #CFC5E5 a #8566A8

#CFC5E5 #8566A8

Calcule el color entre dos colores, #CFC5E5 y #8566A8. 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)

#CFC5E5 - #8566A8 | 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 #CFC5E5 como 0% y #8566A8 como 100%.

0.0%	0.0% #CFC5E5	RGB 207 197 229	#CFC5E5
16.7%	16.7% #C2B5DA	RGB 194 181 218	#C2B5DA
33.3%	33.3% #B6A5D0	RGB 182 165 208	#B6A5D0
50.0%	50.0% #AA95C6	RGB 170 149 198	#AA95C6
66.7%	66.7% #9D85BC	RGB 157 133 188	#9D85BC
83.3%	83.3% #9175B2	RGB 145 117 178	#9175B2
100.0%	100.0% #8566A8	RGB 133 102 168	#8566A8

#CFC5E5 #C2B5DA #B6A5D0 #AA95C6 #9D85BC #9175B2 #8566A8

#CFC5E5 - #8566A8

Mezcla HSV

#CFC5E5 - #8566A8 | 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 #CFC5E5 como 0% y #8566A8 como 100%.

0.0%	0.0% #CFC5E5	RGB 207 197 229	#CFC5E5
16.7%	16.7% #C0B3DA	RGB 192 179 218	#C0B3DA
33.3%	33.3% #B2A1D0	RGB 178 161 208	#B2A1D0
50.0%	50.0% #A691C6	RGB 166 145 198	#A691C6
66.7%	66.7% #9A82BC	RGB 154 130 188	#9A82BC
83.3%	83.3% #8F73B2	RGB 143 115 178	#8F73B2
100.0%	100.0% #8566A8	RGB 133 102 168	#8566A8

#CFC5E5 #C0B3DA #B2A1D0 #A691C6 #9A82BC #8F73B2 #8566A8

#CFC5E5 - #A691C6 - #8566A8

Códigos CSS

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

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