#0EB632 - #BAEAC4 | 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 #0EB632 a #BAEAC4

#0EB632 #BAEAC4

Calcule el color entre dos colores, #0EB632 y #BAEAC4. 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)

#0EB632 - #BAEAC4 | 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 #0EB632 como 0% y #BAEAC4 como 100%.

0.0%	0.0% #0EB632	RGB 14 182 50	#0EB632
16.7%	16.7% #2ABE4A	RGB 42 190 74	#2ABE4A
33.3%	33.3% #47C762	RGB 71 199 98	#47C762
50.0%	50.0% #64D07B	RGB 100 208 123	#64D07B
66.7%	66.7% #80D893	RGB 128 216 147	#80D893
83.3%	83.3% #9DE1AB	RGB 157 225 171	#9DE1AB
100.0%	100.0% #BAEAC4	RGB 186 234 196	#BAEAC4

#0EB632 #2ABE4A #47C762 #64D07B #80D893 #9DE1AB #BAEAC4

#0EB632 - #BAEAC4

Mezcla HSV

#0EB632 - #BAEAC4 | 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 #0EB632 como 0% y #BAEAC4 como 100%.

0.0%	0.0% #0DB631	RGB 13 182 49	#0DB631
16.7%	16.7% #25BE46	RGB 37 190 70	#25BE46
33.3%	33.3% #3FC75B	RGB 63 199 91	#3FC75B
50.0%	50.0% #5AD073	RGB 90 208 115	#5AD073
66.7%	66.7% #78D88C	RGB 120 216 140	#78D88C
83.3%	83.3% #98E1A7	RGB 152 225 167	#98E1A7
100.0%	100.0% #BAEAC4	RGB 186 234 196	#BAEAC4

#0DB631 #25BE46 #3FC75B #5AD073 #78D88C #98E1A7 #BAEAC4

#0EB632 - #5AD073 - #BAEAC4

Códigos CSS

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

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