#CBA5E3 - #773DA4 | 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 #CBA5E3 a #773DA4

#CBA5E3 #773DA4

Calcule el color entre dos colores, #CBA5E3 y #773DA4. 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)

#CBA5E3 - #773DA4 | 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 #CBA5E3 como 0% y #773DA4 como 100%.

0.0%	0.0% #CBA5E3	RGB 203 165 227	#CBA5E3
16.7%	16.7% #BD93D8	RGB 189 147 216	#BD93D8
33.3%	33.3% #AF82CE	RGB 175 130 206	#AF82CE
50.0%	50.0% #A171C3	RGB 161 113 195	#A171C3
66.7%	66.7% #935FB9	RGB 147 95 185	#935FB9
83.3%	83.3% #854EAE	RGB 133 78 174	#854EAE
100.0%	100.0% #773DA4	RGB 119 61 164	#773DA4

#CBA5E3 #BD93D8 #AF82CE #A171C3 #935FB9 #854EAE #773DA4

#CBA5E3 - #773DA4

Mezcla HSV

#CBA5E3 - #773DA4 | 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 #CBA5E3 como 0% y #773DA4 como 100%.

0.0%	0.0% #CBA5E3	RGB 203 165 227	#CBA5E3
16.7%	16.7% #BC90D8	RGB 188 144 216	#BC90D8
33.3%	33.3% #AD7DCE	RGB 173 125 206	#AD7DCE
50.0%	50.0% #9F6BC3	RGB 159 107 195	#9F6BC3
66.7%	66.7% #915AB9	RGB 145 90 185	#915AB9
83.3%	83.3% #834BAE	RGB 131 75 174	#834BAE
100.0%	100.0% #773DA4	RGB 119 61 164	#773DA4

#CBA5E3 #BC90D8 #AD7DCE #9F6BC3 #915AB9 #834BAE #773DA4

#CBA5E3 - #9F6BC3 - #773DA4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBA5E3 0%, #9F6BC3 50%, #773DA4 100%);
    background: -webkit-linear-gradient(top, #CBA5E3 0%, #9F6BC3 50%, #773DA4 100%);
    background: linear-gradient(to bottom, #CBA5E3 0%, #9F6BC3 50%, #773DA4 100%);
}
</style>