#7EBE3E - #D9ECC7 | 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 #7EBE3E a #D9ECC7

#7EBE3E #D9ECC7

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

#7EBE3E - #D9ECC7 | 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 #7EBE3E como 0% y #D9ECC7 como 100%.

0.0%	0.0% #7EBE3E	RGB 126 190 62	#7EBE3E
16.7%	16.7% #8DC554	RGB 141 197 84	#8DC554
33.3%	33.3% #9CCD6B	RGB 156 205 107	#9CCD6B
50.0%	50.0% #ABD582	RGB 171 213 130	#ABD582
66.7%	66.7% #BADC99	RGB 186 220 153	#BADC99
83.3%	83.3% #C9E4B0	RGB 201 228 176	#C9E4B0
100.0%	100.0% #D9ECC7	RGB 217 236 199	#D9ECC7

#7EBE3E #8DC554 #9CCD6B #ABD582 #BADC99 #C9E4B0 #D9ECC7

#7EBE3E - #D9ECC7

Mezcla HSV

#7EBE3E - #D9ECC7 | 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 #7EBE3E como 0% y #D9ECC7 como 100%.

0.0%	0.0% #7EBE3E	RGB 126 190 62	#7EBE3E
16.7%	16.7% #8BC551	RGB 139 197 81	#8BC551
33.3%	33.3% #99CD66	RGB 153 205 102	#99CD66
50.0%	50.0% #A8D57C	RGB 168 213 124	#A8D57C
66.7%	66.7% #B7DC94	RGB 183 220 148	#B7DC94
83.3%	83.3% #C7E4AC	RGB 199 228 172	#C7E4AC
100.0%	100.0% #D9ECC7	RGB 217 236 199	#D9ECC7

#7EBE3E #8BC551 #99CD66 #A8D57C #B7DC94 #C7E4AC #D9ECC7

#7EBE3E - #A8D57C - #D9ECC7

Códigos CSS

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

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