#5ED3AC - #EDEDA8 | 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 #5ED3AC a #EDEDA8

#5ED3AC #EDEDA8

Calcule el color entre dos colores, #5ED3AC y #EDEDA8. 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)

#5ED3AC - #EDEDA8 | 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 #5ED3AC como 0% y #EDEDA8 como 100%.

0.0%	0.0% #5ED3AC	RGB 94 211 172	#5ED3AC
16.7%	16.7% #75D7AB	RGB 117 215 171	#75D7AB
33.3%	33.3% #8DDBAA	RGB 141 219 170	#8DDBAA
50.0%	50.0% #A5E0AA	RGB 165 224 170	#A5E0AA
66.7%	66.7% #BDE4A9	RGB 189 228 169	#BDE4A9
83.3%	83.3% #D5E8A8	RGB 213 232 168	#D5E8A8
100.0%	100.0% #EDEDA8	RGB 237 237 168	#EDEDA8

#5ED3AC #75D7AB #8DDBAA #A5E0AA #BDE4A9 #D5E8A8 #EDEDA8

#5ED3AC - #EDEDA8

Mezcla HSV

#5ED3AC - #EDEDA8 | 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 #5ED3AC como 0% y #EDEDA8 como 100%.

0.0%	0.0% #5DD3AC	RGB 93 211 172	#5DD3AC
16.7%	16.7% #69D794	RGB 105 215 148	#69D794
33.3%	33.3% #75DB80	RGB 117 219 128	#75DB80
50.0%	50.0% #91E081	RGB 145 224 129	#91E081
66.7%	66.7% #B4E48D	RGB 180 228 141	#B4E48D
83.3%	83.3% #D3E89A	RGB 211 232 154	#D3E89A
100.0%	100.0% #EDEDA8	RGB 237 237 168	#EDEDA8

#5DD3AC #69D794 #75DB80 #91E081 #B4E48D #D3E89A #EDEDA8

#5ED3AC - #91E081 - #EDEDA8

Códigos CSS

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

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