#4A29BA - #CBC1EB | 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 #4A29BA a #CBC1EB

#4A29BA #CBC1EB

Calcule el color entre dos colores, #4A29BA y #CBC1EB. 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)

#4A29BA - #CBC1EB | 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 #4A29BA como 0% y #CBC1EB como 100%.

0.0%	0.0% #4A29BA	RGB 74 41 186	#4A29BA
16.7%	16.7% #5F42C2	RGB 95 66 194	#5F42C2
33.3%	33.3% #755BCA	RGB 117 91 202	#755BCA
50.0%	50.0% #8A75D2	RGB 138 117 210	#8A75D2
66.7%	66.7% #A08EDA	RGB 160 142 218	#A08EDA
83.3%	83.3% #B5A7E2	RGB 181 167 226	#B5A7E2
100.0%	100.0% #CBC1EB	RGB 203 193 235	#CBC1EB

#4A29BA #5F42C2 #755BCA #8A75D2 #A08EDA #B5A7E2 #CBC1EB

#4A29BA - #CBC1EB

Mezcla HSV

#4A29BA - #CBC1EB | 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 #4A29BA como 0% y #CBC1EB como 100%.

0.0%	0.0% #4A29BA	RGB 74 41 186	#4A29BA
16.7%	16.7% #5C3EC2	RGB 92 62 194	#5C3EC2
33.3%	33.3% #7055CA	RGB 112 85 202	#7055CA
50.0%	50.0% #856DD2	RGB 133 109 210	#856DD2
66.7%	66.7% #9B87DA	RGB 155 135 218	#9B87DA
83.3%	83.3% #B2A3E2	RGB 178 163 226	#B2A3E2
100.0%	100.0% #CBC1EB	RGB 203 193 235	#CBC1EB

#4A29BA #5C3EC2 #7055CA #856DD2 #9B87DA #B2A3E2 #CBC1EB

#4A29BA - #856DD2 - #CBC1EB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A29BA 0%, #856DD2 50%, #CBC1EB 100%);
    background: -webkit-linear-gradient(top, #4A29BA 0%, #856DD2 50%, #CBC1EB 100%);
    background: linear-gradient(to bottom, #4A29BA 0%, #856DD2 50%, #CBC1EB 100%);
}
</style>