#2C2450 - #A36977 | 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 #2C2450 a #A36977

#2C2450 #A36977

Calcule el color entre dos colores, #2C2450 y #A36977. 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)

#2C2450 - #A36977 | 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 #2C2450 como 0% y #A36977 como 100%.

0.0%	0.0% #2C2450	RGB 44 36 80	#2C2450
16.7%	16.7% #3F2F56	RGB 63 47 86	#3F2F56
33.3%	33.3% #533B5D	RGB 83 59 93	#533B5D
50.0%	50.0% #674663	RGB 103 70 99	#674663
66.7%	66.7% #7B526A	RGB 123 82 106	#7B526A
83.3%	83.3% #8F5D70	RGB 143 93 112	#8F5D70
100.0%	100.0% #A36977	RGB 163 105 119	#A36977

#2C2450 #3F2F56 #533B5D #674663 #7B526A #8F5D70 #A36977

#2C2450 - #A36977

Mezcla HSV

#2C2450 - #A36977 | 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 #2C2450 como 0% y #A36977 como 100%.

0.0%	0.0% #2B2450	RGB 43 36 80	#2B2450
16.7%	16.7% #422D5D	RGB 66 45 93	#422D5D
33.3%	33.3% #5C376B	RGB 92 55 107	#5C376B
50.0%	50.0% #774279	RGB 119 66 121	#774279
66.7%	66.7% #874E7A	RGB 135 78 122	#874E7A
83.3%	83.3% #955B78	RGB 149 91 120	#955B78
100.0%	100.0% #A36977	RGB 163 105 119	#A36977

#2B2450 #422D5D #5C376B #774279 #874E7A #955B78 #A36977

#2C2450 - #774279 - #A36977

Códigos CSS

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

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