#3C7E3C - #D3CC65 | 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 #3C7E3C a #D3CC65

#3C7E3C #D3CC65

Calcule el color entre dos colores, #3C7E3C y #D3CC65. 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)

#3C7E3C - #D3CC65 | 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 #3C7E3C como 0% y #D3CC65 como 100%.

0.0%	0.0% #3C7E3C	RGB 60 126 60	#3C7E3C
16.7%	16.7% #558B42	RGB 85 139 66	#558B42
33.3%	33.3% #6E9849	RGB 110 152 73	#6E9849
50.0%	50.0% #87A550	RGB 135 165 80	#87A550
66.7%	66.7% #A0B257	RGB 160 178 87	#A0B257
83.3%	83.3% #B9BF5E	RGB 185 191 94	#B9BF5E
100.0%	100.0% #D3CC65	RGB 211 204 101	#D3CC65

#3C7E3C #558B42 #6E9849 #87A550 #A0B257 #B9BF5E #D3CC65

#3C7E3C - #D3CC65

Mezcla HSV

#3C7E3C - #D3CC65 | 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 #3C7E3C como 0% y #D3CC65 como 100%.

0.0%	0.0% #3C7E3C	RGB 60 126 60	#3C7E3C
16.7%	16.7% #4F8C42	RGB 79 140 66	#4F8C42
33.3%	33.3% #669A49	RGB 102 154 73	#669A49
50.0%	50.0% #7FA850	RGB 127 168 80	#7FA850
66.7%	66.7% #9AB657	RGB 154 182 87	#9AB657
83.3%	83.3% #B9C45E	RGB 185 196 94	#B9C45E
100.0%	100.0% #D3CC65	RGB 211 204 101	#D3CC65

#3C7E3C #4F8C42 #669A49 #7FA850 #9AB657 #B9C45E #D3CC65

#3C7E3C - #7FA850 - #D3CC65

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C7E3C 0%, #7FA850 50%, #D3CC65 100%);
    background: -webkit-linear-gradient(top, #3C7E3C 0%, #7FA850 50%, #D3CC65 100%);
    background: linear-gradient(to bottom, #3C7E3C 0%, #7FA850 50%, #D3CC65 100%);
}
</style>