#5E8266 - #D1DBD3 | 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 #5E8266 a #D1DBD3

#5E8266 #D1DBD3

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

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

0.0%	0.0% #5E8266	RGB 94 130 102	#5E8266
16.7%	16.7% #719078	RGB 113 144 120	#719078
33.3%	33.3% #849F8A	RGB 132 159 138	#849F8A
50.0%	50.0% #97AE9C	RGB 151 174 156	#97AE9C
66.7%	66.7% #AABDAE	RGB 170 189 174	#AABDAE
83.3%	83.3% #BDCCC0	RGB 189 204 192	#BDCCC0
100.0%	100.0% #D1DBD3	RGB 209 219 211	#D1DBD3

#5E8266 #719078 #849F8A #97AE9C #AABDAE #BDCCC0 #D1DBD3

#5E8266 - #D1DBD3

Mezcla HSV

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

0.0%	0.0% #5E8266	RGB 94 130 102	#5E8266
16.7%	16.7% #6E9075	RGB 110 144 117	#6E9075
33.3%	33.3% #7F9F86	RGB 127 159 134	#7F9F86
50.0%	50.0% #92AE98	RGB 146 174 152	#92AE98
66.7%	66.7% #A6BDAA	RGB 166 189 170	#A6BDAA
83.3%	83.3% #BACCBE	RGB 186 204 190	#BACCBE
100.0%	100.0% #D1DBD3	RGB 209 219 211	#D1DBD3

#5E8266 #6E9075 #7F9F86 #92AE98 #A6BDAA #BACCBE #D1DBD3

#5E8266 - #92AE98 - #D1DBD3

Códigos CSS

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

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