#7EB448 - #E2B3AD | 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 #7EB448 a #E2B3AD

#7EB448 #E2B3AD

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

#7EB448 - #E2B3AD | 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 #7EB448 como 0% y #E2B3AD como 100%.

0.0%	0.0% #7EB448	RGB 126 180 72	#7EB448
16.7%	16.7% #8EB358	RGB 142 179 88	#8EB358
33.3%	33.3% #9FB369	RGB 159 179 105	#9FB369
50.0%	50.0% #B0B37A	RGB 176 179 122	#B0B37A
66.7%	66.7% #C0B38B	RGB 192 179 139	#C0B38B
83.3%	83.3% #D1B39C	RGB 209 179 156	#D1B39C
100.0%	100.0% #E2B3AD	RGB 226 179 173	#E2B3AD

#7EB448 #8EB358 #9FB369 #B0B37A #C0B38B #D1B39C #E2B3AD

#7EB448 - #E2B3AD

Mezcla HSV

#7EB448 - #E2B3AD | 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 #7EB448 como 0% y #E2B3AD como 100%.

0.0%	0.0% #7EB448	RGB 126 180 72	#7EB448
16.7%	16.7% #A0BB56	RGB 160 187 86	#A0BB56
33.3%	33.3% #BFC365	RGB 191 195 101	#BFC365
50.0%	50.0% #CBBA76	RGB 203 186 118	#CBBA76
66.7%	66.7% #D2B287	RGB 210 178 135	#D2B287
83.3%	83.3% #DAB099	RGB 218 176 153	#DAB099
100.0%	100.0% #E2B3AD	RGB 226 179 173	#E2B3AD

#7EB448 #A0BB56 #BFC365 #CBBA76 #D2B287 #DAB099 #E2B3AD

#7EB448 - #CBBA76 - #E2B3AD

Códigos CSS

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

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