#CCB5E5 - #7F44BB | 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 #CCB5E5 a #7F44BB

#CCB5E5 #7F44BB

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

#CCB5E5 - #7F44BB | 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 #CCB5E5 como 0% y #7F44BB como 100%.

0.0%	0.0% #CCB5E5	RGB 204 181 229	#CCB5E5
16.7%	16.7% #BFA2DE	RGB 191 162 222	#BFA2DE
33.3%	33.3% #B28FD7	RGB 178 143 215	#B28FD7
50.0%	50.0% #A57CD0	RGB 165 124 208	#A57CD0
66.7%	66.7% #9869C9	RGB 152 105 201	#9869C9
83.3%	83.3% #8B56C2	RGB 139 86 194	#8B56C2
100.0%	100.0% #7F44BB	RGB 127 68 187	#7F44BB

#CCB5E5 #BFA2DE #B28FD7 #A57CD0 #9869C9 #8B56C2 #7F44BB

#CCB5E5 - #7F44BB

Mezcla HSV

#CCB5E5 - #7F44BB | 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 #CCB5E5 como 0% y #7F44BB como 100%.

0.0%	0.0% #CCB5E5	RGB 204 181 229	#CCB5E5
16.7%	16.7% #BD9FDE	RGB 189 159 222	#BD9FDE
33.3%	33.3% #B08BD7	RGB 176 139 215	#B08BD7
50.0%	50.0% #A278D0	RGB 162 120 208	#A278D0
66.7%	66.7% #9665C9	RGB 150 101 201	#9665C9
83.3%	83.3% #8A54C2	RGB 138 84 194	#8A54C2
100.0%	100.0% #7F44BB	RGB 127 68 187	#7F44BB

#CCB5E5 #BD9FDE #B08BD7 #A278D0 #9665C9 #8A54C2 #7F44BB

#CCB5E5 - #A278D0 - #7F44BB

Códigos CSS

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

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