#CA6583 - #BCB5E3 | 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 #CA6583 a #BCB5E3

#CA6583 #BCB5E3

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

#CA6583 - #BCB5E3 | 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 #CA6583 como 0% y #BCB5E3 como 100%.

0.0%	0.0% #CA6583	RGB 202 101 131	#CA6583
16.7%	16.7% #C77293	RGB 199 114 147	#C77293
33.3%	33.3% #C57FA3	RGB 197 127 163	#C57FA3
50.0%	50.0% #C38DB3	RGB 195 141 179	#C38DB3
66.7%	66.7% #C09AC3	RGB 192 154 195	#C09AC3
83.3%	83.3% #BEA7D3	RGB 190 167 211	#BEA7D3
100.0%	100.0% #BCB5E3	RGB 188 181 227	#BCB5E3

#CA6583 #C77293 #C57FA3 #C38DB3 #C09AC3 #BEA7D3 #BCB5E3

#CA6583 - #BCB5E3

Mezcla HSV

#CA6583 - #BCB5E3 | 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 #CA6583 como 0% y #BCB5E3 como 100%.

0.0%	0.0% #CA6583	RGB 202 101 131	#CA6583
16.7%	16.7% #CE71A4	RGB 206 113 164	#CE71A4
33.3%	33.3% #D27EC2	RGB 210 126 194	#D27EC2
50.0%	50.0% #D18BD6	RGB 209 139 214	#D18BD6
66.7%	66.7% #C498DA	RGB 196 152 218	#C498DA
83.3%	83.3% #BDA6DE	RGB 189 166 222	#BDA6DE
100.0%	100.0% #BCB5E3	RGB 188 181 227	#BCB5E3

#CA6583 #CE71A4 #D27EC2 #D18BD6 #C498DA #BDA6DE #BCB5E3

#CA6583 - #D18BD6 - #BCB5E3

Códigos CSS

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

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