#5EB6A2 - #1A8D68 | 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 #5EB6A2 a #1A8D68

#5EB6A2 #1A8D68

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

#5EB6A2 - #1A8D68 | 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 #5EB6A2 como 0% y #1A8D68 como 100%.

0.0%	0.0% #5EB6A2	RGB 94 182 162	#5EB6A2
16.7%	16.7% #52AF98	RGB 82 175 152	#52AF98
33.3%	33.3% #47A88E	RGB 71 168 142	#47A88E
50.0%	50.0% #3CA185	RGB 60 161 133	#3CA185
66.7%	66.7% #309A7B	RGB 48 154 123	#309A7B
83.3%	83.3% #259371	RGB 37 147 113	#259371
100.0%	100.0% #1A8D68	RGB 26 141 104	#1A8D68

#5EB6A2 #52AF98 #47A88E #3CA185 #309A7B #259371 #1A8D68

#5EB6A2 - #1A8D68

Mezcla HSV

#5EB6A2 - #1A8D68 | 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 #5EB6A2 como 0% y #1A8D68 como 100%.

0.0%	0.0% #5EB6A2	RGB 94 182 162	#5EB6A2
16.7%	16.7% #50AF98	RGB 80 175 152	#50AF98
33.3%	33.3% #44A88E	RGB 68 168 142	#44A88E
50.0%	50.0% #38A184	RGB 56 161 132	#38A184
66.7%	66.7% #2D9A7B	RGB 45 154 123	#2D9A7B
83.3%	83.3% #239371	RGB 35 147 113	#239371
100.0%	100.0% #1A8D68	RGB 26 141 104	#1A8D68

#5EB6A2 #50AF98 #44A88E #38A184 #2D9A7B #239371 #1A8D68

#5EB6A2 - #38A184 - #1A8D68

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EB6A2 0%, #38A184 50%, #1A8D68 100%);
    background: -webkit-linear-gradient(top, #5EB6A2 0%, #38A184 50%, #1A8D68 100%);
    background: linear-gradient(to bottom, #5EB6A2 0%, #38A184 50%, #1A8D68 100%);
}
</style>