#6D9D3E - #D5E3C7 | 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 #6D9D3E a #D5E3C7

#6D9D3E #D5E3C7

Calcule el color entre dos colores, #6D9D3E y #D5E3C7. 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)

#6D9D3E - #D5E3C7 | 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 #6D9D3E como 0% y #D5E3C7 como 100%.

0.0%	0.0% #6D9D3E	RGB 109 157 62	#6D9D3E
16.7%	16.7% #7EA854	RGB 126 168 84	#7EA854
33.3%	33.3% #8FB46B	RGB 143 180 107	#8FB46B
50.0%	50.0% #A1C082	RGB 161 192 130	#A1C082
66.7%	66.7% #B2CB99	RGB 178 203 153	#B2CB99
83.3%	83.3% #C3D7B0	RGB 195 215 176	#C3D7B0
100.0%	100.0% #D5E3C7	RGB 213 227 199	#D5E3C7

#6D9D3E #7EA854 #8FB46B #A1C082 #B2CB99 #C3D7B0 #D5E3C7

#6D9D3E - #D5E3C7

Mezcla HSV

#6D9D3E - #D5E3C7 | 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 #6D9D3E como 0% y #D5E3C7 como 100%.

0.0%	0.0% #6D9D3E	RGB 109 157 62	#6D9D3E
16.7%	16.7% #7CA850	RGB 124 168 80	#7CA850
33.3%	33.3% #8BB464	RGB 139 180 100	#8BB464
50.0%	50.0% #9CC07A	RGB 156 192 122	#9CC07A
66.7%	66.7% #AECB91	RGB 174 203 145	#AECB91
83.3%	83.3% #C1D7AB	RGB 193 215 171	#C1D7AB
100.0%	100.0% #D5E3C7	RGB 213 227 199	#D5E3C7

#6D9D3E #7CA850 #8BB464 #9CC07A #AECB91 #C1D7AB #D5E3C7

#6D9D3E - #9CC07A - #D5E3C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9D3E 0%, #9CC07A 50%, #D5E3C7 100%);
    background: -webkit-linear-gradient(top, #6D9D3E 0%, #9CC07A 50%, #D5E3C7 100%);
    background: linear-gradient(to bottom, #6D9D3E 0%, #9CC07A 50%, #D5E3C7 100%);
}
</style>