#5EBA8D - #E3E79A | 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 #5EBA8D a #E3E79A

#5EBA8D #E3E79A

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

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

0.0%	0.0% #5EBA8D	RGB 94 186 141	#5EBA8D
16.7%	16.7% #74C18F	RGB 116 193 143	#74C18F
33.3%	33.3% #8AC991	RGB 138 201 145	#8AC991
50.0%	50.0% #A0D093	RGB 160 208 147	#A0D093
66.7%	66.7% #B6D895	RGB 182 216 149	#B6D895
83.3%	83.3% #CCDF97	RGB 204 223 151	#CCDF97
100.0%	100.0% #E3E79A	RGB 227 231 154	#E3E79A

#5EBA8D #74C18F #8AC991 #A0D093 #B6D895 #CCDF97 #E3E79A

#5EBA8D - #E3E79A

Mezcla HSV

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

0.0%	0.0% #5EBA8D	RGB 94 186 141	#5EBA8D
16.7%	16.7% #66C17F	RGB 102 193 127	#66C17F
33.3%	33.3% #70C972	RGB 112 201 114	#70C972
50.0%	50.0% #8DD07A	RGB 141 208 122	#8DD07A
66.7%	66.7% #AAD884	RGB 170 216 132	#AAD884
83.3%	83.3% #C7DF8E	RGB 199 223 142	#C7DF8E
100.0%	100.0% #E3E79A	RGB 227 231 154	#E3E79A

#5EBA8D #66C17F #70C972 #8DD07A #AAD884 #C7DF8E #E3E79A

#5EBA8D - #8DD07A - #E3E79A

Códigos CSS

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

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