#6B8C5E - #D4DED1 | 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 #6B8C5E a #D4DED1

#6B8C5E #D4DED1

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

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

0.0%	0.0% #6B8C5E	RGB 107 140 94	#6B8C5E
16.7%	16.7% #7C9971	RGB 124 153 113	#7C9971
33.3%	33.3% #8EA784	RGB 142 167 132	#8EA784
50.0%	50.0% #9FB597	RGB 159 181 151	#9FB597
66.7%	66.7% #B1C2AA	RGB 177 194 170	#B1C2AA
83.3%	83.3% #C2D0BD	RGB 194 208 189	#C2D0BD
100.0%	100.0% #D4DED1	RGB 212 222 209	#D4DED1

#6B8C5E #7C9971 #8EA784 #9FB597 #B1C2AA #C2D0BD #D4DED1

#6B8C5E - #D4DED1

Mezcla HSV

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

0.0%	0.0% #6B8C5E	RGB 107 140 94	#6B8C5E
16.7%	16.7% #7A996E	RGB 122 153 110	#7A996E
33.3%	33.3% #8AA77F	RGB 138 167 127	#8AA77F
50.0%	50.0% #9AB591	RGB 154 181 145	#9AB591
66.7%	66.7% #ACC2A5	RGB 172 194 165	#ACC2A5
83.3%	83.3% #BFD0BA	RGB 191 208 186	#BFD0BA
100.0%	100.0% #D4DED1	RGB 212 222 209	#D4DED1

#6B8C5E #7A996E #8AA77F #9AB591 #ACC2A5 #BFD0BA #D4DED1

#6B8C5E - #9AB591 - #D4DED1

Códigos CSS

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

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