#7E8F5E - #E4927C | 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 #7E8F5E a #E4927C

#7E8F5E #E4927C

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

#7E8F5E - #E4927C | 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 #7E8F5E como 0% y #E4927C como 100%.

0.0%	0.0% #7E8F5E	RGB 126 143 94	#7E8F5E
16.7%	16.7% #8F8F63	RGB 143 143 99	#8F8F63
33.3%	33.3% #A09068	RGB 160 144 104	#A09068
50.0%	50.0% #B1906D	RGB 177 144 109	#B1906D
66.7%	66.7% #C29172	RGB 194 145 114	#C29172
83.3%	83.3% #D39177	RGB 211 145 119	#D39177
100.0%	100.0% #E4927C	RGB 228 146 124	#E4927C

#7E8F5E #8F8F63 #A09068 #B1906D #C29172 #D39177 #E4927C

#7E8F5E - #E4927C

Mezcla HSV

#7E8F5E - #E4927C | 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 #7E8F5E como 0% y #E4927C como 100%.

0.0%	0.0% #7E8F5E	RGB 126 143 94	#7E8F5E
16.7%	16.7% #949D64	RGB 148 157 100	#949D64
33.3%	33.3% #ABA96A	RGB 171 169 106	#ABA96A
50.0%	50.0% #B9A96F	RGB 185 169 111	#B9A96F
66.7%	66.7% #C7A574	RGB 199 165 116	#C7A574
83.3%	83.3% #D59D78	RGB 213 157 120	#D59D78
100.0%	100.0% #E4927C	RGB 228 146 124	#E4927C

#7E8F5E #949D64 #ABA96A #B9A96F #C7A574 #D59D78 #E4927C

#7E8F5E - #B9A96F - #E4927C

Códigos CSS

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

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