#B5E257 - #71B61B | 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 #B5E257 a #71B61B

#B5E257 #71B61B

Calcule el color entre dos colores, #B5E257 y #71B61B. 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)

#B5E257 - #71B61B | 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 #B5E257 como 0% y #71B61B como 100%.

0.0%	0.0% #B5E257	RGB 181 226 87	#B5E257
16.7%	16.7% #A9DA4D	RGB 169 218 77	#A9DA4D
33.3%	33.3% #9ED343	RGB 158 211 67	#9ED343
50.0%	50.0% #93CC39	RGB 147 204 57	#93CC39
66.7%	66.7% #87C42F	RGB 135 196 47	#87C42F
83.3%	83.3% #7CBD25	RGB 124 189 37	#7CBD25
100.0%	100.0% #71B61B	RGB 113 182 27	#71B61B

#B5E257 #A9DA4D #9ED343 #93CC39 #87C42F #7CBD25 #71B61B

#B5E257 - #71B61B

Mezcla HSV

#B5E257 - #71B61B | 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 #B5E257 como 0% y #71B61B como 100%.

0.0%	0.0% #B5E257	RGB 181 226 87	#B5E257
16.7%	16.7% #A9DA4B	RGB 169 218 75	#A9DA4B
33.3%	33.3% #9DD340	RGB 157 211 64	#9DD340
50.0%	50.0% #92CC36	RGB 146 204 54	#92CC36
66.7%	66.7% #87C42C	RGB 135 196 44	#87C42C
83.3%	83.3% #7BBD23	RGB 123 189 35	#7BBD23
100.0%	100.0% #71B61B	RGB 113 182 27	#71B61B

#B5E257 #A9DA4B #9DD340 #92CC36 #87C42C #7BBD23 #71B61B

#B5E257 - #92CC36 - #71B61B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E257 0%, #92CC36 50%, #71B61B 100%);
    background: -webkit-linear-gradient(top, #B5E257 0%, #92CC36 50%, #71B61B 100%);
    background: linear-gradient(to bottom, #B5E257 0%, #92CC36 50%, #71B61B 100%);
}
</style>