#678B5E - #E2CD7D | 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 #678B5E a #E2CD7D

#678B5E #E2CD7D

Calcule el color entre dos colores, #678B5E y #E2CD7D. 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)

#678B5E - #E2CD7D | 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 #678B5E como 0% y #E2CD7D como 100%.

0.0%	0.0% #678B5E	RGB 103 139 94	#678B5E
16.7%	16.7% #7B9663	RGB 123 150 99	#7B9663
33.3%	33.3% #90A168	RGB 144 161 104	#90A168
50.0%	50.0% #A4AC6D	RGB 164 172 109	#A4AC6D
66.7%	66.7% #B9B772	RGB 185 183 114	#B9B772
83.3%	83.3% #CDC277	RGB 205 194 119	#CDC277
100.0%	100.0% #E2CD7D	RGB 226 205 125	#E2CD7D

#678B5E #7B9663 #90A168 #A4AC6D #B9B772 #CDC277 #E2CD7D

#678B5E - #E2CD7D

Mezcla HSV

#678B5E - #E2CD7D | 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 #678B5E como 0% y #E2CD7D como 100%.

0.0%	0.0% #678B5E	RGB 103 139 94	#678B5E
16.7%	16.7% #789964	RGB 120 153 100	#789964
33.3%	33.3% #8BA86A	RGB 139 168 106	#8BA86A
50.0%	50.0% #A1B670	RGB 161 182 112	#A1B670
66.7%	66.7% #BAC575	RGB 186 197 117	#BAC575
83.3%	83.3% #D3CF79	RGB 211 207 121	#D3CF79
100.0%	100.0% #E2CD7D	RGB 226 205 125	#E2CD7D

#678B5E #789964 #8BA86A #A1B670 #BAC575 #D3CF79 #E2CD7D

#678B5E - #A1B670 - #E2CD7D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #678B5E 0%, #A1B670 50%, #E2CD7D 100%);
    background: -webkit-linear-gradient(top, #678B5E 0%, #A1B670 50%, #E2CD7D 100%);
    background: linear-gradient(to bottom, #678B5E 0%, #A1B670 50%, #E2CD7D 100%);
}
</style>