#2D852D - #DCDA5E | 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 #2D852D a #DCDA5E

#2D852D #DCDA5E

Calcule el color entre dos colores, #2D852D y #DCDA5E. 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)

#2D852D - #DCDA5E | 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 #2D852D como 0% y #DCDA5E como 100%.

0.0%	0.0% #2D852D	RGB 45 133 45	#2D852D
16.7%	16.7% #4A9335	RGB 74 147 53	#4A9335
33.3%	33.3% #67A13D	RGB 103 161 61	#67A13D
50.0%	50.0% #84AF45	RGB 132 175 69	#84AF45
66.7%	66.7% #A1BD4D	RGB 161 189 77	#A1BD4D
83.3%	83.3% #BECB55	RGB 190 203 85	#BECB55
100.0%	100.0% #DCDA5E	RGB 220 218 94	#DCDA5E

#2D852D #4A9335 #67A13D #84AF45 #A1BD4D #BECB55 #DCDA5E

#2D852D - #DCDA5E

Mezcla HSV

#2D852D - #DCDA5E | 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 #2D852D como 0% y #DCDA5E como 100%.

0.0%	0.0% #2C852D	RGB 44 133 45	#2C852D
16.7%	16.7% #449334	RGB 68 147 52	#449334
33.3%	33.3% #5EA23B	RGB 94 162 59	#5EA23B
50.0%	50.0% #7AB043	RGB 122 176 67	#7AB043
66.7%	66.7% #99BF4B	RGB 153 191 75	#99BF4B
83.3%	83.3% #BACD54	RGB 186 205 84	#BACD54
100.0%	100.0% #DCDA5E	RGB 220 218 94	#DCDA5E

#2C852D #449334 #5EA23B #7AB043 #99BF4B #BACD54 #DCDA5E

#2D852D - #7AB043 - #DCDA5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C852D 0%, #7AB043 50%, #DCDA5E 100%);
    background: -webkit-linear-gradient(top, #2C852D 0%, #7AB043 50%, #DCDA5E 100%);
    background: linear-gradient(to bottom, #2C852D 0%, #7AB043 50%, #DCDA5E 100%);
}
</style>