#CAB0FF - #623ECE | 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 #CAB0FF a #623ECE

#CAB0FF #623ECE

Calcule el color entre dos colores, #CAB0FF y #623ECE. 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)

#CAB0FF - #623ECE | 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 #CAB0FF como 0% y #623ECE como 100%.

0.0%	0.0% #CAB0FF	RGB 202 176 255	#CAB0FF
16.7%	16.7% #B89DF6	RGB 184 157 246	#B89DF6
33.3%	33.3% #A78AEE	RGB 167 138 238	#A78AEE
50.0%	50.0% #9677E6	RGB 150 119 230	#9677E6
66.7%	66.7% #8464DE	RGB 132 100 222	#8464DE
83.3%	83.3% #7351D6	RGB 115 81 214	#7351D6
100.0%	100.0% #623ECE	RGB 98 62 206	#623ECE

#CAB0FF #B89DF6 #A78AEE #9677E6 #8464DE #7351D6 #623ECE

#CAB0FF - #623ECE

Mezcla HSV

#CAB0FF - #623ECE | 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 #CAB0FF como 0% y #623ECE como 100%.

0.0%	0.0% #CAB0FF	RGB 202 176 255	#CAB0FF
16.7%	16.7% #B79AF6	RGB 183 154 246	#B79AF6
33.3%	33.3% #A585EE	RGB 165 133 238	#A585EE
50.0%	50.0% #9372E6	RGB 147 114 230	#9372E6
66.7%	66.7% #825FDE	RGB 130 95 222	#825FDE
83.3%	83.3% #724ED6	RGB 114 78 214	#724ED6
100.0%	100.0% #623ECE	RGB 98 62 206	#623ECE

#CAB0FF #B79AF6 #A585EE #9372E6 #825FDE #724ED6 #623ECE

#CAB0FF - #9372E6 - #623ECE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAB0FF 0%, #9372E6 50%, #623ECE 100%);
    background: -webkit-linear-gradient(top, #CAB0FF 0%, #9372E6 50%, #623ECE 100%);
    background: linear-gradient(to bottom, #CAB0FF 0%, #9372E6 50%, #623ECE 100%);
}
</style>