#4F5E2D - #DCCE4B | 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 #4F5E2D a #DCCE4B

#4F5E2D #DCCE4B

Calcule el color entre dos colores, #4F5E2D y #DCCE4B. 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)

#4F5E2D - #DCCE4B | 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 #4F5E2D como 0% y #DCCE4B como 100%.

0.0%	0.0% #4F5E2D	RGB 79 94 45	#4F5E2D
16.7%	16.7% #667032	RGB 102 112 50	#667032
33.3%	33.3% #7E8337	RGB 126 131 55	#7E8337
50.0%	50.0% #95963C	RGB 149 150 60	#95963C
66.7%	66.7% #ADA841	RGB 173 168 65	#ADA841
83.3%	83.3% #C4BB46	RGB 196 187 70	#C4BB46
100.0%	100.0% #DCCE4B	RGB 220 206 75	#DCCE4B

#4F5E2D #667032 #7E8337 #95963C #ADA841 #C4BB46 #DCCE4B

#4F5E2D - #DCCE4B

Mezcla HSV

#4F5E2D - #DCCE4B | 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 #4F5E2D como 0% y #DCCE4B como 100%.

0.0%	0.0% #4F5E2D	RGB 79 94 45	#4F5E2D
16.7%	16.7% #647334	RGB 100 115 52	#647334
33.3%	33.3% #7A883A	RGB 122 136 58	#7A883A
50.0%	50.0% #939D40	RGB 147 157 64	#939D40
66.7%	66.7% #ADB244	RGB 173 178 68	#ADB244
83.3%	83.3% #C7C348	RGB 199 195 72	#C7C348
100.0%	100.0% #DCCE4B	RGB 220 206 75	#DCCE4B

#4F5E2D #647334 #7A883A #939D40 #ADB244 #C7C348 #DCCE4B

#4F5E2D - #939D40 - #DCCE4B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F5E2D 0%, #939D40 50%, #DCCE4B 100%);
    background: -webkit-linear-gradient(top, #4F5E2D 0%, #939D40 50%, #DCCE4B 100%);
    background: linear-gradient(to bottom, #4F5E2D 0%, #939D40 50%, #DCCE4B 100%);
}
</style>