#5EBA5E - #D1EBD1 | 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 #5EBA5E a #D1EBD1

#5EBA5E #D1EBD1

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

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

0.0%	0.0% #5EBA5E	RGB 94 186 94	#5EBA5E
16.7%	16.7% #71C271	RGB 113 194 113	#71C271
33.3%	33.3% #84CA84	RGB 132 202 132	#84CA84
50.0%	50.0% #97D297	RGB 151 210 151	#97D297
66.7%	66.7% #AADAAA	RGB 170 218 170	#AADAAA
83.3%	83.3% #BDE2BD	RGB 189 226 189	#BDE2BD
100.0%	100.0% #D1EBD1	RGB 209 235 209	#D1EBD1

#5EBA5E #71C271 #84CA84 #97D297 #AADAAA #BDE2BD #D1EBD1

#5EBA5E - #D1EBD1

Mezcla HSV

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

0.0%	0.0% #5EBA5E	RGB 94 186 94	#5EBA5E
16.7%	16.7% #6EC26E	RGB 110 194 110	#6EC26E
33.3%	33.3% #80CA80	RGB 128 202 128	#80CA80
50.0%	50.0% #92D292	RGB 146 210 146	#92D292
66.7%	66.7% #A6DAA6	RGB 166 218 166	#A6DAA6
83.3%	83.3% #BBE2BB	RGB 187 226 187	#BBE2BB
100.0%	100.0% #D1EBD1	RGB 209 235 209	#D1EBD1

#5EBA5E #6EC26E #80CA80 #92D292 #A6DAA6 #BBE2BB #D1EBD1

#5EBA5E - #92D292 - #D1EBD1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EBA5E 0%, #92D292 50%, #D1EBD1 100%);
    background: -webkit-linear-gradient(top, #5EBA5E 0%, #92D292 50%, #D1EBD1 100%);
    background: linear-gradient(to bottom, #5EBA5E 0%, #92D292 50%, #D1EBD1 100%);
}
</style>