#B5E4B5 - #5FCA64 | 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 #B5E4B5 a #5FCA64

#B5E4B5 #5FCA64

Calcule el color entre dos colores, #B5E4B5 y #5FCA64. 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)

#B5E4B5 - #5FCA64 | 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 #B5E4B5 como 0% y #5FCA64 como 100%.

0.0%	0.0% #B5E4B5	RGB 181 228 181	#B5E4B5
16.7%	16.7% #A6DFA7	RGB 166 223 167	#A6DFA7
33.3%	33.3% #98DB9A	RGB 152 219 154	#98DB9A
50.0%	50.0% #8AD78C	RGB 138 215 140	#8AD78C
66.7%	66.7% #7BD27F	RGB 123 210 127	#7BD27F
83.3%	83.3% #6DCE71	RGB 109 206 113	#6DCE71
100.0%	100.0% #5FCA64	RGB 95 202 100	#5FCA64

#B5E4B5 #A6DFA7 #98DB9A #8AD78C #7BD27F #6DCE71 #5FCA64

#B5E4B5 - #5FCA64

Mezcla HSV

#B5E4B5 - #5FCA64 | 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 #B5E4B5 como 0% y #5FCA64 como 100%.

0.0%	0.0% #B5E4B5	RGB 181 228 181	#B5E4B5
16.7%	16.7% #A5DFA5	RGB 165 223 165	#A5DFA5
33.3%	33.3% #96DB97	RGB 150 219 151	#96DB97
50.0%	50.0% #87D789	RGB 135 215 137	#87D789
66.7%	66.7% #79D27C	RGB 121 210 124	#79D27C
83.3%	83.3% #6CCE6F	RGB 108 206 111	#6CCE6F
100.0%	100.0% #5FCA64	RGB 95 202 100	#5FCA64

#B5E4B5 #A5DFA5 #96DB97 #87D789 #79D27C #6CCE6F #5FCA64

#B5E4B5 - #87D789 - #5FCA64

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E4B5 0%, #87D789 50%, #5FCA64 100%);
    background: -webkit-linear-gradient(top, #B5E4B5 0%, #87D789 50%, #5FCA64 100%);
    background: linear-gradient(to bottom, #B5E4B5 0%, #87D789 50%, #5FCA64 100%);
}
</style>