#C2B5E7 - #764FAA | 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 #C2B5E7 a #764FAA

#C2B5E7 #764FAA

Calcule el color entre dos colores, #C2B5E7 y #764FAA. 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)

#C2B5E7 - #764FAA | 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 #C2B5E7 como 0% y #764FAA como 100%.

0.0%	0.0% #C2B5E7	RGB 194 181 231	#C2B5E7
16.7%	16.7% #B5A4DC	RGB 181 164 220	#B5A4DC
33.3%	33.3% #A893D2	RGB 168 147 210	#A893D2
50.0%	50.0% #9C82C8	RGB 156 130 200	#9C82C8
66.7%	66.7% #8F71BE	RGB 143 113 190	#8F71BE
83.3%	83.3% #8260B4	RGB 130 96 180	#8260B4
100.0%	100.0% #764FAA	RGB 118 79 170	#764FAA

#C2B5E7 #B5A4DC #A893D2 #9C82C8 #8F71BE #8260B4 #764FAA

#C2B5E7 - #764FAA

Mezcla HSV

#C2B5E7 - #764FAA | 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 #C2B5E7 como 0% y #764FAA como 100%.

0.0%	0.0% #C2B5E7	RGB 194 181 231	#C2B5E7
16.7%	16.7% #B2A1DC	RGB 178 161 220	#B2A1DC
33.3%	33.3% #A48ED2	RGB 164 142 210	#A48ED2
50.0%	50.0% #977DC8	RGB 151 125 200	#977DC8
66.7%	66.7% #8B6CBE	RGB 139 108 190	#8B6CBE
83.3%	83.3% #805DB4	RGB 128 93 180	#805DB4
100.0%	100.0% #764FAA	RGB 118 79 170	#764FAA

#C2B5E7 #B2A1DC #A48ED2 #977DC8 #8B6CBE #805DB4 #764FAA

#C2B5E7 - #977DC8 - #764FAA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2B5E7 0%, #977DC8 50%, #764FAA 100%);
    background: -webkit-linear-gradient(top, #C2B5E7 0%, #977DC8 50%, #764FAA 100%);
    background: linear-gradient(to bottom, #C2B5E7 0%, #977DC8 50%, #764FAA 100%);
}
</style>