#6A8F5E - #D4DFD1 | 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 #6A8F5E a #D4DFD1

#6A8F5E #D4DFD1

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

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

0.0%	0.0% #6A8F5E	RGB 106 143 94	#6A8F5E
16.7%	16.7% #7B9C71	RGB 123 156 113	#7B9C71
33.3%	33.3% #8DA984	RGB 141 169 132	#8DA984
50.0%	50.0% #9FB797	RGB 159 183 151	#9FB797
66.7%	66.7% #B0C4AA	RGB 176 196 170	#B0C4AA
83.3%	83.3% #C2D1BD	RGB 194 209 189	#C2D1BD
100.0%	100.0% #D4DFD1	RGB 212 223 209	#D4DFD1

#6A8F5E #7B9C71 #8DA984 #9FB797 #B0C4AA #C2D1BD #D4DFD1

#6A8F5E - #D4DFD1

Mezcla HSV

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

0.0%	0.0% #6A8F5E	RGB 106 143 94	#6A8F5E
16.7%	16.7% #799C6E	RGB 121 156 110	#799C6E
33.3%	33.3% #89A97F	RGB 137 169 127	#89A97F
50.0%	50.0% #9AB791	RGB 154 183 145	#9AB791
66.7%	66.7% #ACC4A5	RGB 172 196 165	#ACC4A5
83.3%	83.3% #BFD1BA	RGB 191 209 186	#BFD1BA
100.0%	100.0% #D4DFD1	RGB 212 223 209	#D4DFD1

#6A8F5E #799C6E #89A97F #9AB791 #ACC4A5 #BFD1BA #D4DFD1

#6A8F5E - #9AB791 - #D4DFD1

Códigos CSS

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

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