#45C596 - #EBF29E | 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 #45C596 a #EBF29E

#45C596 #EBF29E

Calcule el color entre dos colores, #45C596 y #EBF29E. 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)

#45C596 - #EBF29E | 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 #45C596 como 0% y #EBF29E como 100%.

0.0%	0.0% #45C596	RGB 69 197 150	#45C596
16.7%	16.7% #60CC97	RGB 96 204 151	#60CC97
33.3%	33.3% #7CD498	RGB 124 212 152	#7CD498
50.0%	50.0% #98DB9A	RGB 152 219 154	#98DB9A
66.7%	66.7% #B3E39B	RGB 179 227 155	#B3E39B
83.3%	83.3% #CFEA9C	RGB 207 234 156	#CFEA9C
100.0%	100.0% #EBF29E	RGB 235 242 158	#EBF29E

#45C596 #60CC97 #7CD498 #98DB9A #B3E39B #CFEA9C #EBF29E

#45C596 - #EBF29E

Mezcla HSV

#45C596 - #EBF29E | 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 #45C596 como 0% y #EBF29E como 100%.

0.0%	0.0% #45C596	RGB 69 197 150	#45C596
16.7%	16.7% #51CC7F	RGB 81 204 127	#51CC7F
33.3%	33.3% #5FD46D	RGB 95 212 109	#5FD46D
50.0%	50.0% #7DDB6E	RGB 125 219 110	#7DDB6E
66.7%	66.7% #A6E37D	RGB 166 227 125	#A6E37D
83.3%	83.3% #CAEA8D	RGB 202 234 141	#CAEA8D
100.0%	100.0% #EBF29E	RGB 235 242 158	#EBF29E

#45C596 #51CC7F #5FD46D #7DDB6E #A6E37D #CAEA8D #EBF29E

#45C596 - #7DDB6E - #EBF29E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #45C596 0%, #7DDB6E 50%, #EBF29E 100%);
    background: -webkit-linear-gradient(top, #45C596 0%, #7DDB6E 50%, #EBF29E 100%);
    background: linear-gradient(to bottom, #45C596 0%, #7DDB6E 50%, #EBF29E 100%);
}
</style>