#008B5E - #A6EB8D | 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 #008B5E a #A6EB8D

#008B5E #A6EB8D

Calcule el color entre dos colores, #008B5E y #A6EB8D. 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)

#008B5E - #A6EB8D | 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 #008B5E como 0% y #A6EB8D como 100%.

0.0%	0.0% #008B5E	RGB 0 139 94	#008B5E
16.7%	16.7% #1B9B65	RGB 27 155 101	#1B9B65
33.3%	33.3% #37AB6D	RGB 55 171 109	#37AB6D
50.0%	50.0% #53BB75	RGB 83 187 117	#53BB75
66.7%	66.7% #6ECB7D	RGB 110 203 125	#6ECB7D
83.3%	83.3% #8ADB85	RGB 138 219 133	#8ADB85
100.0%	100.0% #A6EB8D	RGB 166 235 141	#A6EB8D

#008B5E #1B9B65 #37AB6D #53BB75 #6ECB7D #8ADB85 #A6EB8D

#008B5E - #A6EB8D

Mezcla HSV

#008B5E - #A6EB8D | 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 #008B5E como 0% y #A6EB8D como 100%.

0.0%	0.0% #008B5E	RGB 0 139 94	#008B5E
16.7%	16.7% #0F9B57	RGB 15 155 87	#0F9B57
33.3%	33.3% #22AB53	RGB 34 171 83	#22AB53
50.0%	50.0% #38BB52	RGB 56 187 82	#38BB52
66.7%	66.7% #51CB57	RGB 81 203 87	#51CB57
83.3%	83.3% #79DB6D	RGB 121 219 109	#79DB6D
100.0%	100.0% #A6EB8D	RGB 166 235 141	#A6EB8D

#008B5E #0F9B57 #22AB53 #38BB52 #51CB57 #79DB6D #A6EB8D

#008B5E - #38BB52 - #A6EB8D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008B5E 0%, #38BB52 50%, #A6EB8D 100%);
    background: -webkit-linear-gradient(top, #008B5E 0%, #38BB52 50%, #A6EB8D 100%);
    background: linear-gradient(to bottom, #008B5E 0%, #38BB52 50%, #A6EB8D 100%);
}
</style>