#B5EAB1 - #61D360 | 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 #B5EAB1 a #61D360

#B5EAB1 #61D360

Calcule el color entre dos colores, #B5EAB1 y #61D360. 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)

#B5EAB1 - #61D360 | 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 #B5EAB1 como 0% y #61D360 como 100%.

0.0%	0.0% #B5EAB1	RGB 181 234 177	#B5EAB1
16.7%	16.7% #A7E6A3	RGB 167 230 163	#A7E6A3
33.3%	33.3% #99E296	RGB 153 226 150	#99E296
50.0%	50.0% #8BDE88	RGB 139 222 136	#8BDE88
66.7%	66.7% #7DDA7B	RGB 125 218 123	#7DDA7B
83.3%	83.3% #6FD66D	RGB 111 214 109	#6FD66D
100.0%	100.0% #61D360	RGB 97 211 96	#61D360

#B5EAB1 #A7E6A3 #99E296 #8BDE88 #7DDA7B #6FD66D #61D360

#B5EAB1 - #61D360

Mezcla HSV

#B5EAB1 - #61D360 | 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 #B5EAB1 como 0% y #61D360 como 100%.

0.0%	0.0% #B5EAB1	RGB 181 234 177	#B5EAB1
16.7%	16.7% #A6E6A2	RGB 166 230 162	#A6E6A2
33.3%	33.3% #98E294	RGB 152 226 148	#98E294
50.0%	50.0% #8ADE86	RGB 138 222 134	#8ADE86
66.7%	66.7% #7CDA79	RGB 124 218 121	#7CDA79
83.3%	83.3% #6ED66C	RGB 110 214 108	#6ED66C
100.0%	100.0% #61D360	RGB 97 211 96	#61D360

#B5EAB1 #A6E6A2 #98E294 #8ADE86 #7CDA79 #6ED66C #61D360

#B5EAB1 - #8ADE86 - #61D360

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5EAB1 0%, #8ADE86 50%, #61D360 100%);
    background: -webkit-linear-gradient(top, #B5EAB1 0%, #8ADE86 50%, #61D360 100%);
    background: linear-gradient(to bottom, #B5EAB1 0%, #8ADE86 50%, #61D360 100%);
}
</style>