#6F9F3F - #D5E3C8 | 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 #6F9F3F a #D5E3C8

#6F9F3F #D5E3C8

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

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

0.0%	0.0% #6F9F3F	RGB 111 159 63	#6F9F3F
16.7%	16.7% #80AA55	RGB 128 170 85	#80AA55
33.3%	33.3% #91B56C	RGB 145 181 108	#91B56C
50.0%	50.0% #A2C183	RGB 162 193 131	#A2C183
66.7%	66.7% #B3CC9A	RGB 179 204 154	#B3CC9A
83.3%	83.3% #C4D7B1	RGB 196 215 177	#C4D7B1
100.0%	100.0% #D5E3C8	RGB 213 227 200	#D5E3C8

#6F9F3F #80AA55 #91B56C #A2C183 #B3CC9A #C4D7B1 #D5E3C8

#6F9F3F - #D5E3C8

Mezcla HSV

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

0.0%	0.0% #6F9F3F	RGB 111 159 63	#6F9F3F
16.7%	16.7% #7DAA51	RGB 125 170 81	#7DAA51
33.3%	33.3% #8DB565	RGB 141 181 101	#8DB565
50.0%	50.0% #9DC17B	RGB 157 193 123	#9DC17B
66.7%	66.7% #AECC93	RGB 174 204 147	#AECC93
83.3%	83.3% #C1D7AC	RGB 193 215 172	#C1D7AC
100.0%	100.0% #D5E3C8	RGB 213 227 200	#D5E3C8

#6F9F3F #7DAA51 #8DB565 #9DC17B #AECC93 #C1D7AC #D5E3C8

#6F9F3F - #9DC17B - #D5E3C8

Códigos CSS

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

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