#75636D - #EDAF8F | 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 #75636D a #EDAF8F

#75636D #EDAF8F

Calcule el color entre dos colores, #75636D y #EDAF8F. 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)

#75636D - #EDAF8F | 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 #75636D como 0% y #EDAF8F como 100%.

0.0%	0.0% #75636D	RGB 117 99 109	#75636D
16.7%	16.7% #896F72	RGB 137 111 114	#896F72
33.3%	33.3% #9D7C78	RGB 157 124 120	#9D7C78
50.0%	50.0% #B1897E	RGB 177 137 126	#B1897E
66.7%	66.7% #C59583	RGB 197 149 131	#C59583
83.3%	83.3% #D9A289	RGB 217 162 137	#D9A289
100.0%	100.0% #EDAF8F	RGB 237 175 143	#EDAF8F

#75636D #896F72 #9D7C78 #B1897E #C59583 #D9A289 #EDAF8F

#75636D - #EDAF8F

Mezcla HSV

#75636D - #EDAF8F | 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 #75636D como 0% y #EDAF8F como 100%.

0.0%	0.0% #75636D	RGB 117 99 109	#75636D
16.7%	16.7% #896E79	RGB 137 110 121	#896E79
33.3%	33.3% #9D7881	RGB 157 120 129	#9D7881
50.0%	50.0% #B18085	RGB 177 128 133	#B18085
66.7%	66.7% #C58986	RGB 197 137 134	#C58986
83.3%	83.3% #D99A8B	RGB 217 154 139	#D99A8B
100.0%	100.0% #EDAF8F	RGB 237 175 143	#EDAF8F

#75636D #896E79 #9D7881 #B18085 #C58986 #D99A8B #EDAF8F

#75636D - #B18085 - #EDAF8F

Códigos CSS

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

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