#586158 - #CFD1CF | 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 #586158 a #CFD1CF

#586158 #CFD1CF

Calcule el color entre dos colores, #586158 y #CFD1CF. 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)

#586158 - #CFD1CF | 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 #586158 como 0% y #CFD1CF como 100%.

0.0%	0.0% #586158	RGB 88 97 88	#586158
16.7%	16.7% #6B736B	RGB 107 115 107	#6B736B
33.3%	33.3% #7F867F	RGB 127 134 127	#7F867F
50.0%	50.0% #939993	RGB 147 153 147	#939993
66.7%	66.7% #A7ABA7	RGB 167 171 167	#A7ABA7
83.3%	83.3% #BBBEBB	RGB 187 190 187	#BBBEBB
100.0%	100.0% #CFD1CF	RGB 207 209 207	#CFD1CF

#586158 #6B736B #7F867F #939993 #A7ABA7 #BBBEBB #CFD1CF

#586158 - #CFD1CF

Mezcla HSV

#586158 - #CFD1CF | 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 #586158 como 0% y #CFD1CF como 100%.

0.0%	0.0% #586158	RGB 88 97 88	#586158
16.7%	16.7% #6A736A	RGB 106 115 106	#6A736A
33.3%	33.3% #7D867D	RGB 125 134 125	#7D867D
50.0%	50.0% #919991	RGB 145 153 145	#919991
66.7%	66.7% #A5ABA5	RGB 165 171 165	#A5ABA5
83.3%	83.3% #B9BEB9	RGB 185 190 185	#B9BEB9
100.0%	100.0% #CFD1CF	RGB 207 209 207	#CFD1CF

#586158 #6A736A #7D867D #919991 #A5ABA5 #B9BEB9 #CFD1CF

#586158 - #919991 - #CFD1CF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #586158 0%, #919991 50%, #CFD1CF 100%);
    background: -webkit-linear-gradient(top, #586158 0%, #919991 50%, #CFD1CF 100%);
    background: linear-gradient(to bottom, #586158 0%, #919991 50%, #CFD1CF 100%);
}
</style>