#516E3C - #CDD5C7 | 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 #516E3C a #CDD5C7

#516E3C #CDD5C7

Calcule el color entre dos colores, #516E3C y #CDD5C7. 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)

#516E3C - #CDD5C7 | 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 #516E3C como 0% y #CDD5C7 como 100%.

0.0%	0.0% #516E3C	RGB 81 110 60	#516E3C
16.7%	16.7% #657F53	RGB 101 127 83	#657F53
33.3%	33.3% #7A906A	RGB 122 144 106	#7A906A
50.0%	50.0% #8FA181	RGB 143 161 129	#8FA181
66.7%	66.7% #A3B298	RGB 163 178 152	#A3B298
83.3%	83.3% #B8C3AF	RGB 184 195 175	#B8C3AF
100.0%	100.0% #CDD5C7	RGB 205 213 199	#CDD5C7

#516E3C #657F53 #7A906A #8FA181 #A3B298 #B8C3AF #CDD5C7

#516E3C - #CDD5C7

Mezcla HSV

#516E3C - #CDD5C7 | 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 #516E3C como 0% y #CDD5C7 como 100%.

0.0%	0.0% #516E3C	RGB 81 110 60	#516E3C
16.7%	16.7% #627F4D	RGB 98 127 77	#627F4D
33.3%	33.3% #759061	RGB 117 144 97	#759061
50.0%	50.0% #89A177	RGB 137 161 119	#89A177
66.7%	66.7% #9EB28F	RGB 158 178 143	#9EB28F
83.3%	83.3% #B5C3AA	RGB 181 195 170	#B5C3AA
100.0%	100.0% #CDD5C7	RGB 205 213 199	#CDD5C7

#516E3C #627F4D #759061 #89A177 #9EB28F #B5C3AA #CDD5C7

#516E3C - #89A177 - #CDD5C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #516E3C 0%, #89A177 50%, #CDD5C7 100%);
    background: -webkit-linear-gradient(top, #516E3C 0%, #89A177 50%, #CDD5C7 100%);
    background: linear-gradient(to bottom, #516E3C 0%, #89A177 50%, #CDD5C7 100%);
}
</style>