#2B0524 - #C2B7C0 | 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 #2B0524 a #C2B7C0

#2B0524 #C2B7C0

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

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

0.0%	0.0% #2B0524	RGB 43 5 36	#2B0524
16.7%	16.7% #44223E	RGB 68 34 62	#44223E
33.3%	33.3% #5D4058	RGB 93 64 88	#5D4058
50.0%	50.0% #765E72	RGB 118 94 114	#765E72
66.7%	66.7% #8F7B8C	RGB 143 123 140	#8F7B8C
83.3%	83.3% #A899A6	RGB 168 153 166	#A899A6
100.0%	100.0% #C2B7C0	RGB 194 183 192	#C2B7C0

#2B0524 #44223E #5D4058 #765E72 #8F7B8C #A899A6 #C2B7C0

#2B0524 - #C2B7C0

Mezcla HSV

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

0.0%	0.0% #2B0524	RGB 43 5 36	#2B0524
16.7%	16.7% #44113A	RGB 68 17 58	#44113A
33.3%	33.3% #5D2452	RGB 93 36 82	#5D2452
50.0%	50.0% #763E6C	RGB 118 62 108	#763E6C
66.7%	66.7% #8F5F86	RGB 143 95 134	#8F5F86
83.3%	83.3% #A887A2	RGB 168 135 162	#A887A2
100.0%	100.0% #C2B7C0	RGB 194 183 192	#C2B7C0

#2B0524 #44113A #5D2452 #763E6C #8F5F86 #A887A2 #C2B7C0

#2B0524 - #763E6C - #C2B7C0

Códigos CSS

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

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