#00A86F - #B9F9A8 | 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 #00A86F a #B9F9A8

#00A86F #B9F9A8

Calcule el color entre dos colores, #00A86F y #B9F9A8. 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)

#00A86F - #B9F9A8 | 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 #00A86F como 0% y #B9F9A8 como 100%.

0.0%	0.0% #00A86F	RGB 0 168 111	#00A86F
16.7%	16.7% #1EB578	RGB 30 181 120	#1EB578
33.3%	33.3% #3DC382	RGB 61 195 130	#3DC382
50.0%	50.0% #5CD08B	RGB 92 208 139	#5CD08B
66.7%	66.7% #7BDE95	RGB 123 222 149	#7BDE95
83.3%	83.3% #9AEB9E	RGB 154 235 158	#9AEB9E
100.0%	100.0% #B9F9A8	RGB 185 249 168	#B9F9A8

#00A86F #1EB578 #3DC382 #5CD08B #7BDE95 #9AEB9E #B9F9A8

#00A86F - #B9F9A8

Mezcla HSV

#00A86F - #B9F9A8 | 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 #00A86F como 0% y #B9F9A8 como 100%.

0.0%	0.0% #00A86F	RGB 0 168 111	#00A86F
16.7%	16.7% #14B567	RGB 20 181 103	#14B567
33.3%	33.3% #2BC363	RGB 43 195 99	#2BC363
50.0%	50.0% #46D065	RGB 70 208 101	#46D065
66.7%	66.7% #63DE6D	RGB 99 222 109	#63DE6D
83.3%	83.3% #8BEB84	RGB 139 235 132	#8BEB84
100.0%	100.0% #B9F9A8	RGB 185 249 168	#B9F9A8

#00A86F #14B567 #2BC363 #46D065 #63DE6D #8BEB84 #B9F9A8

#00A86F - #46D065 - #B9F9A8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A86F 0%, #46D065 50%, #B9F9A8 100%);
    background: -webkit-linear-gradient(top, #00A86F 0%, #46D065 50%, #B9F9A8 100%);
    background: linear-gradient(to bottom, #00A86F 0%, #46D065 50%, #B9F9A8 100%);
}
</style>