#C8C5C7 - #8F749B | 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 #C8C5C7 a #8F749B

#C8C5C7 #8F749B

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

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

0.0%	0.0% #C8C5C7	RGB 200 197 199	#C8C5C7
16.7%	16.7% #BEB7BF	RGB 190 183 191	#BEB7BF
33.3%	33.3% #B5AAB8	RGB 181 170 184	#B5AAB8
50.0%	50.0% #AB9CB1	RGB 171 156 177	#AB9CB1
66.7%	66.7% #A28FA9	RGB 162 143 169	#A28FA9
83.3%	83.3% #9881A2	RGB 152 129 162	#9881A2
100.0%	100.0% #8F749B	RGB 143 116 155	#8F749B

#C8C5C7 #BEB7BF #B5AAB8 #AB9CB1 #A28FA9 #9881A2 #8F749B

#C8C5C7 - #8F749B

Mezcla HSV

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

0.0%	0.0% #C8C5C7	RGB 200 197 199	#C8C5C7
16.7%	16.7% #C0B6BE	RGB 192 182 190	#C0B6BE
33.3%	33.3% #B9A7B6	RGB 185 167 182	#B9A7B6
50.0%	50.0% #B199B1	RGB 177 153 177	#B199B1
66.7%	66.7% #A78CAA	RGB 167 140 170	#A78CAA
83.3%	83.3% #9B80A2	RGB 155 128 162	#9B80A2
100.0%	100.0% #8F749B	RGB 143 116 155	#8F749B

#C8C5C7 #C0B6BE #B9A7B6 #B199B1 #A78CAA #9B80A2 #8F749B

#C8C5C7 - #B199B1 - #8F749B

Códigos CSS

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

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