#DB5E62 - #8D1721 | 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 #DB5E62 a #8D1721

#DB5E62 #8D1721

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

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

0.0%	0.0% #DB5E62	RGB 219 94 98	#DB5E62
16.7%	16.7% #CE5257	RGB 206 82 87	#CE5257
33.3%	33.3% #C1464C	RGB 193 70 76	#C1464C
50.0%	50.0% #B43A41	RGB 180 58 65	#B43A41
66.7%	66.7% #A72E36	RGB 167 46 54	#A72E36
83.3%	83.3% #9A222B	RGB 154 34 43	#9A222B
100.0%	100.0% #8D1721	RGB 141 23 33	#8D1721

#DB5E62 #CE5257 #C1464C #B43A41 #A72E36 #9A222B #8D1721

#DB5E62 - #8D1721

Mezcla HSV

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

0.0%	0.0% #DB5E62	RGB 219 94 98	#DB5E62
16.7%	16.7% #CE4F54	RGB 206 79 84	#CE4F54
33.3%	33.3% #C14148	RGB 193 65 72	#C14148
50.0%	50.0% #B4353C	RGB 180 53 60	#B4353C
66.7%	66.7% #A72A32	RGB 167 42 50	#A72A32
83.3%	83.3% #9A1F29	RGB 154 31 41	#9A1F29
100.0%	100.0% #8D1721	RGB 141 23 33	#8D1721

#DB5E62 #CE4F54 #C14148 #B4353C #A72A32 #9A1F29 #8D1721

#DB5E62 - #B4353C - #8D1721

Códigos CSS

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

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