#57BD85 - #ECEB96 | 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 #57BD85 a #ECEB96

#57BD85 #ECEB96

Calcule el color entre dos colores, #57BD85 y #ECEB96. 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)

#57BD85 - #ECEB96 | 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 #57BD85 como 0% y #ECEB96 como 100%.

0.0%	0.0% #57BD85	RGB 87 189 133	#57BD85
16.7%	16.7% #6FC487	RGB 111 196 135	#6FC487
33.3%	33.3% #88CC8A	RGB 136 204 138	#88CC8A
50.0%	50.0% #A1D48D	RGB 161 212 141	#A1D48D
66.7%	66.7% #BADB90	RGB 186 219 144	#BADB90
83.3%	83.3% #D3E393	RGB 211 227 147	#D3E393
100.0%	100.0% #ECEB96	RGB 236 235 150	#ECEB96

#57BD85 #6FC487 #88CC8A #A1D48D #BADB90 #D3E393 #ECEB96

#57BD85 - #ECEB96

Mezcla HSV

#57BD85 - #ECEB96 | 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 #57BD85 como 0% y #ECEB96 como 100%.

0.0%	0.0% #57BD85	RGB 87 189 133	#57BD85
16.7%	16.7% #60C475	RGB 96 196 117	#60C475
33.3%	33.3% #6DCC6A	RGB 109 204 106	#6DCC6A
50.0%	50.0% #8FD474	RGB 143 212 116	#8FD474
66.7%	66.7% #AFDC7F	RGB 175 220 127	#AFDC7F
83.3%	83.3% #CFE48A	RGB 207 228 138	#CFE48A
100.0%	100.0% #ECEB96	RGB 236 235 150	#ECEB96

#57BD85 #60C475 #6DCC6A #8FD474 #AFDC7F #CFE48A #ECEB96

#57BD85 - #8FD474 - #ECEB96

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #57BD85 0%, #8FD474 50%, #ECEB96 100%);
    background: -webkit-linear-gradient(top, #57BD85 0%, #8FD474 50%, #ECEB96 100%);
    background: linear-gradient(to bottom, #57BD85 0%, #8FD474 50%, #ECEB96 100%);
}
</style>