#00A077 - #BBFB9B | 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 #00A077 a #BBFB9B

#00A077 #BBFB9B

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

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

0.0%	0.0% #00A077	RGB 0 160 119	#00A077
16.7%	16.7% #1FAF7D	RGB 31 175 125	#1FAF7D
33.3%	33.3% #3EBE83	RGB 62 190 131	#3EBE83
50.0%	50.0% #5DCD89	RGB 93 205 137	#5DCD89
66.7%	66.7% #7CDC8F	RGB 124 220 143	#7CDC8F
83.3%	83.3% #9BEB95	RGB 155 235 149	#9BEB95
100.0%	100.0% #BBFB9B	RGB 187 251 155	#BBFB9B

#00A077 #1FAF7D #3EBE83 #5DCD89 #7CDC8F #9BEB95 #BBFB9B

#00A077 - #BBFB9B

Mezcla HSV

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

0.0%	0.0% #00A077	RGB 0 160 119	#00A077
16.7%	16.7% #12AF6A	RGB 18 175 106	#12AF6A
33.3%	33.3% #27BE61	RGB 39 190 97	#27BE61
50.0%	50.0% #3FCD5C	RGB 63 205 92	#3FCD5C
66.7%	66.7% #5ADC5E	RGB 90 220 94	#5ADC5E
83.3%	83.3% #8AEB79	RGB 138 235 121	#8AEB79
100.0%	100.0% #BBFB9B	RGB 187 251 155	#BBFB9B

#00A077 #12AF6A #27BE61 #3FCD5C #5ADC5E #8AEB79 #BBFB9B

#00A077 - #3FCD5C - #BBFB9B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A077 0%, #3FCD5C 50%, #BBFB9B 100%);
    background: -webkit-linear-gradient(top, #00A077 0%, #3FCD5C 50%, #BBFB9B 100%);
    background: linear-gradient(to bottom, #00A077 0%, #3FCD5C 50%, #BBFB9B 100%);
}
</style>