#B5E4A2 - #67C650 | 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 #B5E4A2 a #67C650

#B5E4A2 #67C650

Calcule el color entre dos colores, #B5E4A2 y #67C650. 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)

#B5E4A2 - #67C650 | 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 #B5E4A2 como 0% y #67C650 como 100%.

0.0%	0.0% #B5E4A2	RGB 181 228 162	#B5E4A2
16.7%	16.7% #A8DF94	RGB 168 223 148	#A8DF94
33.3%	33.3% #9BDA86	RGB 155 218 134	#9BDA86
50.0%	50.0% #8ED579	RGB 142 213 121	#8ED579
66.7%	66.7% #81D06B	RGB 129 208 107	#81D06B
83.3%	83.3% #74CB5D	RGB 116 203 93	#74CB5D
100.0%	100.0% #67C650	RGB 103 198 80	#67C650

#B5E4A2 #A8DF94 #9BDA86 #8ED579 #81D06B #74CB5D #67C650

#B5E4A2 - #67C650

Mezcla HSV

#B5E4A2 - #67C650 | 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 #B5E4A2 como 0% y #67C650 como 100%.

0.0%	0.0% #B5E4A2	RGB 181 228 162	#B5E4A2
16.7%	16.7% #A7DF93	RGB 167 223 147	#A7DF93
33.3%	33.3% #9ADA84	RGB 154 218 132	#9ADA84
50.0%	50.0% #8DD576	RGB 141 213 118	#8DD576
66.7%	66.7% #80D069	RGB 128 208 105	#80D069
83.3%	83.3% #73CB5C	RGB 115 203 92	#73CB5C
100.0%	100.0% #67C650	RGB 103 198 80	#67C650

#B5E4A2 #A7DF93 #9ADA84 #8DD576 #80D069 #73CB5C #67C650

#B5E4A2 - #8DD576 - #67C650

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E4A2 0%, #8DD576 50%, #67C650 100%);
    background: -webkit-linear-gradient(top, #B5E4A2 0%, #8DD576 50%, #67C650 100%);
    background: linear-gradient(to bottom, #B5E4A2 0%, #8DD576 50%, #67C650 100%);
}
</style>