#4A2E64 - #CBC3D2 | 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 #4A2E64 a #CBC3D2

#4A2E64 #CBC3D2

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

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

0.0%	0.0% #4A2E64	RGB 74 46 100	#4A2E64
16.7%	16.7% #5F4676	RGB 95 70 118	#5F4676
33.3%	33.3% #755F88	RGB 117 95 136	#755F88
50.0%	50.0% #8A789B	RGB 138 120 155	#8A789B
66.7%	66.7% #A091AD	RGB 160 145 173	#A091AD
83.3%	83.3% #B5AABF	RGB 181 170 191	#B5AABF
100.0%	100.0% #CBC3D2	RGB 203 195 210	#CBC3D2

#4A2E64 #5F4676 #755F88 #8A789B #A091AD #B5AABF #CBC3D2

#4A2E64 - #CBC3D2

Mezcla HSV

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

0.0%	0.0% #492E64	RGB 73 46 100	#492E64
16.7%	16.7% #5C3F76	RGB 92 63 118	#5C3F76
33.3%	33.3% #6F5488	RGB 111 84 136	#6F5488
50.0%	50.0% #846B9B	RGB 132 107 155	#846B9B
66.7%	66.7% #9A85AD	RGB 154 133 173	#9A85AD
83.3%	83.3% #B2A3BF	RGB 178 163 191	#B2A3BF
100.0%	100.0% #CBC3D2	RGB 203 195 210	#CBC3D2

#492E64 #5C3F76 #6F5488 #846B9B #9A85AD #B2A3BF #CBC3D2

#4A2E64 - #846B9B - #CBC3D2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #492E64 0%, #846B9B 50%, #CBC3D2 100%);
    background: -webkit-linear-gradient(top, #492E64 0%, #846B9B 50%, #CBC3D2 100%);
    background: linear-gradient(to bottom, #492E64 0%, #846B9B 50%, #CBC3D2 100%);
}
</style>