#5E7B5D - #D1D9D0 | 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 #5E7B5D a #D1D9D0

#5E7B5D #D1D9D0

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

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

0.0%	0.0% #5E7B5D	RGB 94 123 93	#5E7B5D
16.7%	16.7% #718A70	RGB 113 138 112	#718A70
33.3%	33.3% #849A83	RGB 132 154 131	#849A83
50.0%	50.0% #97AA96	RGB 151 170 150	#97AA96
66.7%	66.7% #AAB9A9	RGB 170 185 169	#AAB9A9
83.3%	83.3% #BDC9BC	RGB 189 201 188	#BDC9BC
100.0%	100.0% #D1D9D0	RGB 209 217 208	#D1D9D0

#5E7B5D #718A70 #849A83 #97AA96 #AAB9A9 #BDC9BC #D1D9D0

#5E7B5D - #D1D9D0

Mezcla HSV

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

0.0%	0.0% #5E7B5D	RGB 94 123 93	#5E7B5D
16.7%	16.7% #6E8A6D	RGB 110 138 109	#6E8A6D
33.3%	33.3% #809A7F	RGB 128 154 127	#809A7F
50.0%	50.0% #93AA91	RGB 147 170 145	#93AA91
66.7%	66.7% #A7B9A5	RGB 167 185 165	#A7B9A5
83.3%	83.3% #BBC9BA	RGB 187 201 186	#BBC9BA
100.0%	100.0% #D1D9D0	RGB 209 217 208	#D1D9D0

#5E7B5D #6E8A6D #809A7F #93AA91 #A7B9A5 #BBC9BA #D1D9D0

#5E7B5D - #93AA91 - #D1D9D0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7B5D 0%, #93AA91 50%, #D1D9D0 100%);
    background: -webkit-linear-gradient(top, #5E7B5D 0%, #93AA91 50%, #D1D9D0 100%);
    background: linear-gradient(to bottom, #5E7B5D 0%, #93AA91 50%, #D1D9D0 100%);
}
</style>