#6B7E5E - #8CEDAD | 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 #6B7E5E a #8CEDAD

#6B7E5E #8CEDAD

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

#6B7E5E - #8CEDAD | 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 #6B7E5E como 0% y #8CEDAD como 100%.

0.0%	0.0% #6B7E5E	RGB 107 126 94	#6B7E5E
16.7%	16.7% #70906B	RGB 112 144 107	#70906B
33.3%	33.3% #76A378	RGB 118 163 120	#76A378
50.0%	50.0% #7BB585	RGB 123 181 133	#7BB585
66.7%	66.7% #81C892	RGB 129 200 146	#81C892
83.3%	83.3% #86DA9F	RGB 134 218 159	#86DA9F
100.0%	100.0% #8CEDAD	RGB 140 237 173	#8CEDAD

#6B7E5E #70906B #76A378 #7BB585 #81C892 #86DA9F #8CEDAD

#6B7E5E - #8CEDAD

Mezcla HSV

#6B7E5E - #8CEDAD | 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 #6B7E5E como 0% y #8CEDAD como 100%.

0.0%	0.0% #6B7E5E	RGB 107 126 94	#6B7E5E
16.7%	16.7% #739068	RGB 115 144 104	#739068
33.3%	33.3% #79A371	RGB 121 163 113	#79A371
50.0%	50.0% #7BB579	RGB 123 181 121	#7BB579
66.7%	66.7% #80C887	RGB 128 200 135	#80C887
83.3%	83.3% #86DA98	RGB 134 218 152	#86DA98
100.0%	100.0% #8CEDAD	RGB 140 237 173	#8CEDAD

#6B7E5E #739068 #79A371 #7BB579 #80C887 #86DA98 #8CEDAD

#6B7E5E - #7BB579 - #8CEDAD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B7E5E 0%, #7BB579 50%, #8CEDAD 100%);
    background: -webkit-linear-gradient(top, #6B7E5E 0%, #7BB579 50%, #8CEDAD 100%);
    background: linear-gradient(to bottom, #6B7E5E 0%, #7BB579 50%, #8CEDAD 100%);
}
</style>