#608F5D - #E4D17B | 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 #608F5D a #E4D17B

#608F5D #E4D17B

Calcule el color entre dos colores, #608F5D y #E4D17B. 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)

#608F5D - #E4D17B | 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 #608F5D como 0% y #E4D17B como 100%.

0.0%	0.0% #608F5D	RGB 96 143 93	#608F5D
16.7%	16.7% #769A62	RGB 118 154 98	#769A62
33.3%	33.3% #8CA567	RGB 140 165 103	#8CA567
50.0%	50.0% #A2B06C	RGB 162 176 108	#A2B06C
66.7%	66.7% #B8BB71	RGB 184 187 113	#B8BB71
83.3%	83.3% #CEC676	RGB 206 198 118	#CEC676
100.0%	100.0% #E4D17B	RGB 228 209 123	#E4D17B

#608F5D #769A62 #8CA567 #A2B06C #B8BB71 #CEC676 #E4D17B

#608F5D - #E4D17B

Mezcla HSV

#608F5D - #E4D17B | 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 #608F5D como 0% y #E4D17B como 100%.

0.0%	0.0% #608F5D	RGB 96 143 93	#608F5D
16.7%	16.7% #719D63	RGB 113 157 99	#719D63
33.3%	33.3% #85AB69	RGB 133 171 105	#85AB69
50.0%	50.0% #9CB96E	RGB 156 185 110	#9CB96E
66.7%	66.7% #B7C773	RGB 183 199 115	#B7C773
83.3%	83.3% #D5D577	RGB 213 213 119	#D5D577
100.0%	100.0% #E4D17B	RGB 228 209 123	#E4D17B

#608F5D #719D63 #85AB69 #9CB96E #B7C773 #D5D577 #E4D17B

#608F5D - #9CB96E - #E4D17B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #608F5D 0%, #9CB96E 50%, #E4D17B 100%);
    background: -webkit-linear-gradient(top, #608F5D 0%, #9CB96E 50%, #E4D17B 100%);
    background: linear-gradient(to bottom, #608F5D 0%, #9CB96E 50%, #E4D17B 100%);
}
</style>