#C0A8AF - #8C5461 | 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 #C0A8AF a #8C5461

#C0A8AF #8C5461

Calcule el color entre dos colores, #C0A8AF y #8C5461. 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)

#C0A8AF - #8C5461 | 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 #C0A8AF como 0% y #8C5461 como 100%.

0.0%	0.0% #C0A8AF	RGB 192 168 175	#C0A8AF
16.7%	16.7% #B79AA2	RGB 183 154 162	#B79AA2
33.3%	33.3% #AE8C95	RGB 174 140 149	#AE8C95
50.0%	50.0% #A67E88	RGB 166 126 136	#A67E88
66.7%	66.7% #9D707B	RGB 157 112 123	#9D707B
83.3%	83.3% #94626E	RGB 148 98 110	#94626E
100.0%	100.0% #8C5461	RGB 140 84 97	#8C5461

#C0A8AF #B79AA2 #AE8C95 #A67E88 #9D707B #94626E #8C5461

#C0A8AF - #8C5461

Mezcla HSV

#C0A8AF - #8C5461 | 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 #C0A8AF como 0% y #8C5461 como 100%.

0.0%	0.0% #C0A8AF	RGB 192 168 175	#C0A8AF
16.7%	16.7% #B798A0	RGB 183 152 160	#B798A0
33.3%	33.3% #AE8893	RGB 174 136 147	#AE8893
50.0%	50.0% #A67A85	RGB 166 122 133	#A67A85
66.7%	66.7% #9D6C79	RGB 157 108 121	#9D6C79
83.3%	83.3% #94606C	RGB 148 96 108	#94606C
100.0%	100.0% #8C5461	RGB 140 84 97	#8C5461

#C0A8AF #B798A0 #AE8893 #A67A85 #9D6C79 #94606C #8C5461

#C0A8AF - #A67A85 - #8C5461

Códigos CSS

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

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