#910109 - #DFB6B8 | 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 #910109 a #DFB6B8

#910109 #DFB6B8

Calcule el color entre dos colores, #910109 y #DFB6B8. 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)

#910109 - #DFB6B8 | 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 #910109 como 0% y #DFB6B8 como 100%.

0.0%	0.0% #910109	RGB 145 1 9	#910109
16.7%	16.7% #9E1F26	RGB 158 31 38	#9E1F26
33.3%	33.3% #AB3D43	RGB 171 61 67	#AB3D43
50.0%	50.0% #B85B60	RGB 184 91 96	#B85B60
66.7%	66.7% #C5797D	RGB 197 121 125	#C5797D
83.3%	83.3% #D2979A	RGB 210 151 154	#D2979A
100.0%	100.0% #DFB6B8	RGB 223 182 184	#DFB6B8

#910109 #9E1F26 #AB3D43 #B85B60 #C5797D #D2979A #DFB6B8

#910109 - #DFB6B8

Mezcla HSV

#910109 - #DFB6B8 | 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 #910109 como 0% y #DFB6B8 como 100%.

0.0%	0.0% #910109	RGB 145 1 9	#910109
16.7%	16.7% #9E161D	RGB 158 22 29	#9E161D
33.3%	33.3% #AB2F35	RGB 171 47 53	#AB2F35
50.0%	50.0% #B84B51	RGB 184 75 81	#B84B51
66.7%	66.7% #C56B70	RGB 197 107 112	#C56B70
83.3%	83.3% #D28F92	RGB 210 143 146	#D28F92
100.0%	100.0% #DFB6B8	RGB 223 182 184	#DFB6B8

#910109 #9E161D #AB2F35 #B84B51 #C56B70 #D28F92 #DFB6B8

#910109 - #B84B51 - #DFB6B8

Códigos CSS

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

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