#B5E6AF - #62CC5D | 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 #B5E6AF a #62CC5D

#B5E6AF #62CC5D

Calcule el color entre dos colores, #B5E6AF y #62CC5D. 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)

#B5E6AF - #62CC5D | 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 #B5E6AF como 0% y #62CC5D como 100%.

0.0%	0.0% #B5E6AF	RGB 181 230 175	#B5E6AF
16.7%	16.7% #A7E1A1	RGB 167 225 161	#A7E1A1
33.3%	33.3% #99DD93	RGB 153 221 147	#99DD93
50.0%	50.0% #8BD986	RGB 139 217 134	#8BD986
66.7%	66.7% #7DD478	RGB 125 212 120	#7DD478
83.3%	83.3% #6FD06A	RGB 111 208 106	#6FD06A
100.0%	100.0% #62CC5D	RGB 98 204 93	#62CC5D

#B5E6AF #A7E1A1 #99DD93 #8BD986 #7DD478 #6FD06A #62CC5D

#B5E6AF - #62CC5D

Mezcla HSV

#B5E6AF - #62CC5D | 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 #B5E6AF como 0% y #62CC5D como 100%.

0.0%	0.0% #B5E6AF	RGB 181 230 175	#B5E6AF
16.7%	16.7% #A6E1A0	RGB 166 225 160	#A6E1A0
33.3%	33.3% #98DD91	RGB 152 221 145	#98DD91
50.0%	50.0% #8AD984	RGB 138 217 132	#8AD984
66.7%	66.7% #7CD476	RGB 124 212 118	#7CD476
83.3%	83.3% #6FD069	RGB 111 208 105	#6FD069
100.0%	100.0% #62CC5D	RGB 98 204 93	#62CC5D

#B5E6AF #A6E1A0 #98DD91 #8AD984 #7CD476 #6FD069 #62CC5D

#B5E6AF - #8AD984 - #62CC5D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E6AF 0%, #8AD984 50%, #62CC5D 100%);
    background: -webkit-linear-gradient(top, #B5E6AF 0%, #8AD984 50%, #62CC5D 100%);
    background: linear-gradient(to bottom, #B5E6AF 0%, #8AD984 50%, #62CC5D 100%);
}
</style>