#00A081 - #B4F9A0 | 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 #00A081 a #B4F9A0

#00A081 #B4F9A0

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

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

0.0%	0.0% #00A081	RGB 0 160 129	#00A081
16.7%	16.7% #1EAE86	RGB 30 174 134	#1EAE86
33.3%	33.3% #3CBD8B	RGB 60 189 139	#3CBD8B
50.0%	50.0% #5ACC90	RGB 90 204 144	#5ACC90
66.7%	66.7% #78DB95	RGB 120 219 149	#78DB95
83.3%	83.3% #96EA9A	RGB 150 234 154	#96EA9A
100.0%	100.0% #B4F9A0	RGB 180 249 160	#B4F9A0

#00A081 #1EAE86 #3CBD8B #5ACC90 #78DB95 #96EA9A #B4F9A0

#00A081 - #B4F9A0

Mezcla HSV

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

0.0%	0.0% #00A081	RGB 0 160 129	#00A081
16.7%	16.7% #12AE75	RGB 18 174 117	#12AE75
33.3%	33.3% #28BD6D	RGB 40 189 109	#28BD6D
50.0%	50.0% #41CC6A	RGB 65 204 106	#41CC6A
66.7%	66.7% #5DDB6C	RGB 93 219 108	#5DDB6C
83.3%	83.3% #83EA7D	RGB 131 234 125	#83EA7D
100.0%	100.0% #B4F9A0	RGB 180 249 160	#B4F9A0

#00A081 #12AE75 #28BD6D #41CC6A #5DDB6C #83EA7D #B4F9A0

#00A081 - #41CC6A - #B4F9A0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A081 0%, #41CC6A 50%, #B4F9A0 100%);
    background: -webkit-linear-gradient(top, #00A081 0%, #41CC6A 50%, #B4F9A0 100%);
    background: linear-gradient(to bottom, #00A081 0%, #41CC6A 50%, #B4F9A0 100%);
}
</style>