#3C7F5E - #AFC87E | 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 #3C7F5E a #AFC87E

#3C7F5E #AFC87E

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

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

0.0%	0.0% #3C7F5E	RGB 60 127 94	#3C7F5E
16.7%	16.7% #4F8B63	RGB 79 139 99	#4F8B63
33.3%	33.3% #629768	RGB 98 151 104	#629768
50.0%	50.0% #75A36E	RGB 117 163 110	#75A36E
66.7%	66.7% #88AF73	RGB 136 175 115	#88AF73
83.3%	83.3% #9BBB78	RGB 155 187 120	#9BBB78
100.0%	100.0% #AFC87E	RGB 175 200 126	#AFC87E

#3C7F5E #4F8B63 #629768 #75A36E #88AF73 #9BBB78 #AFC87E

#3C7F5E - #AFC87E

Mezcla HSV

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

0.0%	0.0% #3C7F5D	RGB 60 127 93	#3C7F5D
16.7%	16.7% #458B5B	RGB 69 139 91	#458B5B
33.3%	33.3% #4F9757	RGB 79 151 87	#4F9757
50.0%	50.0% #5FA35A	RGB 95 163 90	#5FA35A
66.7%	66.7% #79AF65	RGB 121 175 101	#79AF65
83.3%	83.3% #94BB71	RGB 148 187 113	#94BB71
100.0%	100.0% #AFC87E	RGB 175 200 126	#AFC87E

#3C7F5D #458B5B #4F9757 #5FA35A #79AF65 #94BB71 #AFC87E

#3C7F5E - #5FA35A - #AFC87E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C7F5D 0%, #5FA35A 50%, #AFC87E 100%);
    background: -webkit-linear-gradient(top, #3C7F5D 0%, #5FA35A 50%, #AFC87E 100%);
    background: linear-gradient(to bottom, #3C7F5D 0%, #5FA35A 50%, #AFC87E 100%);
}
</style>