#DB5E6A - #8D1829 | 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 #DB5E6A a #8D1829

#DB5E6A #8D1829

Calcule el color entre dos colores, #DB5E6A y #8D1829. 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)

#DB5E6A - #8D1829 | 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 #DB5E6A como 0% y #8D1829 como 100%.

0.0%	0.0% #DB5E6A	RGB 219 94 106	#DB5E6A
16.7%	16.7% #CE525F	RGB 206 82 95	#CE525F
33.3%	33.3% #C14654	RGB 193 70 84	#C14654
50.0%	50.0% #B43B49	RGB 180 59 73	#B43B49
66.7%	66.7% #A72F3E	RGB 167 47 62	#A72F3E
83.3%	83.3% #9A2333	RGB 154 35 51	#9A2333
100.0%	100.0% #8D1829	RGB 141 24 41	#8D1829

#DB5E6A #CE525F #C14654 #B43B49 #A72F3E #9A2333 #8D1829

#DB5E6A - #8D1829

Mezcla HSV

#DB5E6A - #8D1829 | 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 #DB5E6A como 0% y #8D1829 como 100%.

0.0%	0.0% #DB5E6A	RGB 219 94 106	#DB5E6A
16.7%	16.7% #CE4F5C	RGB 206 79 92	#CE4F5C
33.3%	33.3% #C14250	RGB 193 66 80	#C14250
50.0%	50.0% #B43545	RGB 180 53 69	#B43545
66.7%	66.7% #A72A3A	RGB 167 42 58	#A72A3A
83.3%	83.3% #9A2031	RGB 154 32 49	#9A2031
100.0%	100.0% #8D1829	RGB 141 24 41	#8D1829

#DB5E6A #CE4F5C #C14250 #B43545 #A72A3A #9A2031 #8D1829

#DB5E6A - #B43545 - #8D1829

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DB5E6A 0%, #B43545 50%, #8D1829 100%);
    background: -webkit-linear-gradient(top, #DB5E6A 0%, #B43545 50%, #8D1829 100%);
    background: linear-gradient(to bottom, #DB5E6A 0%, #B43545 50%, #8D1829 100%);
}
</style>