#5E8F7E - #BDCB8F | 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 #BDCB8F

#5E8F7E #BDCB8F

Calcule el color entre dos colores, #5E8F7E y #BDCB8F. 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 - #BDCB8F | 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 #BDCB8F como 100%.

0.0%	0.0% #5E8F7E	RGB 94 143 126	#5E8F7E
16.7%	16.7% #6D9980	RGB 109 153 128	#6D9980
33.3%	33.3% #7DA383	RGB 125 163 131	#7DA383
50.0%	50.0% #8DAD86	RGB 141 173 134	#8DAD86
66.7%	66.7% #9DB789	RGB 157 183 137	#9DB789
83.3%	83.3% #ADC18C	RGB 173 193 140	#ADC18C
100.0%	100.0% #BDCB8F	RGB 189 203 143	#BDCB8F

#5E8F7E #6D9980 #7DA383 #8DAD86 #9DB789 #ADC18C #BDCB8F

#5E8F7E - #BDCB8F

Mezcla HSV

#5E8F7E - #BDCB8F | 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 #BDCB8F como 100%.

0.0%	0.0% #5E8F7E	RGB 94 143 126	#5E8F7E
16.7%	16.7% #65997B	RGB 101 153 123	#65997B
33.3%	33.3% #6DA377	RGB 109 163 119	#6DA377
50.0%	50.0% #78AD75	RGB 120 173 117	#78AD75
66.7%	66.7% #8EB77E	RGB 142 183 126	#8EB77E
83.3%	83.3% #A5C186	RGB 165 193 134	#A5C186
100.0%	100.0% #BDCB8F	RGB 189 203 143	#BDCB8F

#5E8F7E #65997B #6DA377 #78AD75 #8EB77E #A5C186 #BDCB8F

#5E8F7E - #78AD75 - #BDCB8F

Códigos CSS

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

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