#7E7E5E - #D37B87 | 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 #7E7E5E a #D37B87

#7E7E5E #D37B87

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

#7E7E5E - #D37B87 | 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 #7E7E5E como 0% y #D37B87 como 100%.

0.0%	0.0% #7E7E5E	RGB 126 126 94	#7E7E5E
16.7%	16.7% #8C7D64	RGB 140 125 100	#8C7D64
33.3%	33.3% #9A7D6B	RGB 154 125 107	#9A7D6B
50.0%	50.0% #A87C72	RGB 168 124 114	#A87C72
66.7%	66.7% #B67C79	RGB 182 124 121	#B67C79
83.3%	83.3% #C47B80	RGB 196 123 128	#C47B80
100.0%	100.0% #D37B87	RGB 211 123 135	#D37B87

#7E7E5E #8C7D64 #9A7D6B #A87C72 #B67C79 #C47B80 #D37B87

#7E7E5E - #D37B87

Mezcla HSV

#7E7E5E - #D37B87 | 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 #7E7E5E como 0% y #D37B87 como 100%.

0.0%	0.0% #7E7E5E	RGB 126 126 94	#7E7E5E
16.7%	16.7% #8C8464	RGB 140 132 100	#8C8464
33.3%	33.3% #9A886A	RGB 154 136 106	#9A886A
50.0%	50.0% #A8886F	RGB 168 136 111	#A8886F
66.7%	66.7% #B68474	RGB 182 132 116	#B68474
83.3%	83.3% #C47C78	RGB 196 124 120	#C47C78
100.0%	100.0% #D37B87	RGB 211 123 135	#D37B87

#7E7E5E #8C8464 #9A886A #A8886F #B68474 #C47C78 #D37B87

#7E7E5E - #A8886F - #D37B87

Códigos CSS

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

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