#5E8F7E - #BDADB2 | 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 #5E8F7E a #BDADB2

#5E8F7E #BDADB2

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

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

0.0%	0.0% #5E8F7E	RGB 94 143 126	#5E8F7E
16.7%	16.7% #6D9486	RGB 109 148 134	#6D9486
33.3%	33.3% #7D998F	RGB 125 153 143	#7D998F
50.0%	50.0% #8D9E98	RGB 141 158 152	#8D9E98
66.7%	66.7% #9DA3A0	RGB 157 163 160	#9DA3A0
83.3%	83.3% #ADA8A9	RGB 173 168 169	#ADA8A9
100.0%	100.0% #BDADB2	RGB 189 173 178	#BDADB2

#5E8F7E #6D9486 #7D998F #8D9E98 #9DA3A0 #ADA8A9 #BDADB2

#5E8F7E - #BDADB2

Mezcla HSV

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

0.0%	0.0% #5E8F7E	RGB 94 143 126	#5E8F7E
16.7%	16.7% #699670	RGB 105 150 112	#699670
33.3%	33.3% #839E75	RGB 131 158 117	#839E75
50.0%	50.0% #9FA682	RGB 159 166 130	#9FA682
66.7%	66.7% #ADA490	RGB 173 164 144	#ADA490
83.3%	83.3% #B5A29E	RGB 181 162 158	#B5A29E
100.0%	100.0% #BDADB2	RGB 189 173 178	#BDADB2

#5E8F7E #699670 #839E75 #9FA682 #ADA490 #B5A29E #BDADB2

#5E8F7E - #9FA682 - #BDADB2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8F7E 0%, #9FA682 50%, #BDADB2 100%);
    background: -webkit-linear-gradient(top, #5E8F7E 0%, #9FA682 50%, #BDADB2 100%);
    background: linear-gradient(to bottom, #5E8F7E 0%, #9FA682 50%, #BDADB2 100%);
}
</style>