#6F9B5E - #D5E2D1 | 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 #6F9B5E a #D5E2D1

#6F9B5E #D5E2D1

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

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

0.0%	0.0% #6F9B5E	RGB 111 155 94	#6F9B5E
16.7%	16.7% #80A671	RGB 128 166 113	#80A671
33.3%	33.3% #91B284	RGB 145 178 132	#91B284
50.0%	50.0% #A2BE97	RGB 162 190 151	#A2BE97
66.7%	66.7% #B3CAAA	RGB 179 202 170	#B3CAAA
83.3%	83.3% #C4D6BD	RGB 196 214 189	#C4D6BD
100.0%	100.0% #D5E2D1	RGB 213 226 209	#D5E2D1

#6F9B5E #80A671 #91B284 #A2BE97 #B3CAAA #C4D6BD #D5E2D1

#6F9B5E - #D5E2D1

Mezcla HSV

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

0.0%	0.0% #6F9B5E	RGB 111 155 94	#6F9B5E
16.7%	16.7% #7DA66E	RGB 125 166 110	#7DA66E
33.3%	33.3% #8CB27F	RGB 140 178 127	#8CB27F
50.0%	50.0% #9DBE91	RGB 157 190 145	#9DBE91
66.7%	66.7% #AECAA5	RGB 174 202 165	#AECAA5
83.3%	83.3% #C1D6BA	RGB 193 214 186	#C1D6BA
100.0%	100.0% #D5E2D1	RGB 213 226 209	#D5E2D1

#6F9B5E #7DA66E #8CB27F #9DBE91 #AECAA5 #C1D6BA #D5E2D1

#6F9B5E - #9DBE91 - #D5E2D1

Códigos CSS

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

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