#2DCEA3 - #EDFCA4 | 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 #2DCEA3 a #EDFCA4

#2DCEA3 #EDFCA4

Calcule el color entre dos colores, #2DCEA3 y #EDFCA4. 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)

#2DCEA3 - #EDFCA4 | 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 #2DCEA3 como 0% y #EDFCA4 como 100%.

0.0%	0.0% #2DCEA3	RGB 45 206 163	#2DCEA3
16.7%	16.7% #4DD5A3	RGB 77 213 163	#4DD5A3
33.3%	33.3% #6DDDA3	RGB 109 221 163	#6DDDA3
50.0%	50.0% #8DE5A3	RGB 141 229 163	#8DE5A3
66.7%	66.7% #ADECA3	RGB 173 236 163	#ADECA3
83.3%	83.3% #CDF4A3	RGB 205 244 163	#CDF4A3
100.0%	100.0% #EDFCA4	RGB 237 252 164	#EDFCA4

#2DCEA3 #4DD5A3 #6DDDA3 #8DE5A3 #ADECA3 #CDF4A3 #EDFCA4

#2DCEA3 - #EDFCA4

Mezcla HSV

#2DCEA3 - #EDFCA4 | 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 #2DCEA3 como 0% y #EDFCA4 como 100%.

0.0%	0.0% #2DCEA3	RGB 45 206 163	#2DCEA3
16.7%	16.7% #3ED585	RGB 62 213 133	#3ED585
33.3%	33.3% #50DD6E	RGB 80 221 110	#50DD6E
50.0%	50.0% #69E563	RGB 105 229 99	#69E563
66.7%	66.7% #9BEC77	RGB 155 236 119	#9BEC77
83.3%	83.3% #C7F48D	RGB 199 244 141	#C7F48D
100.0%	100.0% #EDFCA4	RGB 237 252 164	#EDFCA4

#2DCEA3 #3ED585 #50DD6E #69E563 #9BEC77 #C7F48D #EDFCA4

#2DCEA3 - #69E563 - #EDFCA4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DCEA3 0%, #69E563 50%, #EDFCA4 100%);
    background: -webkit-linear-gradient(top, #2DCEA3 0%, #69E563 50%, #EDFCA4 100%);
    background: linear-gradient(to bottom, #2DCEA3 0%, #69E563 50%, #EDFCA4 100%);
}
</style>