#C8C7D0 - #846C8C | 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 #C8C7D0 a #846C8C

#C8C7D0 #846C8C

Calcule el color entre dos colores, #C8C7D0 y #846C8C. 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)

#C8C7D0 - #846C8C | 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 #C8C7D0 como 0% y #846C8C como 100%.

0.0%	0.0% #C8C7D0	RGB 200 199 208	#C8C7D0
16.7%	16.7% #BCB7C4	RGB 188 183 196	#BCB7C4
33.3%	33.3% #B1A8B9	RGB 177 168 185	#B1A8B9
50.0%	50.0% #A699AE	RGB 166 153 174	#A699AE
66.7%	66.7% #9A8AA2	RGB 154 138 162	#9A8AA2
83.3%	83.3% #8F7B97	RGB 143 123 151	#8F7B97
100.0%	100.0% #846C8C	RGB 132 108 140	#846C8C

#C8C7D0 #BCB7C4 #B1A8B9 #A699AE #9A8AA2 #8F7B97 #846C8C

#C8C7D0 - #846C8C

Mezcla HSV

#C8C7D0 - #846C8C | 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 #C8C7D0 como 0% y #846C8C como 100%.

0.0%	0.0% #C8C7D0	RGB 200 199 208	#C8C7D0
16.7%	16.7% #B9B6C4	RGB 185 182 196	#B9B6C4
33.3%	33.3% #ACA5B9	RGB 172 165 185	#ACA5B9
50.0%	50.0% #A096AE	RGB 160 150 174	#A096AE
66.7%	66.7% #9687A2	RGB 150 135 162	#9687A2
83.3%	83.3% #8C7997	RGB 140 121 151	#8C7997
100.0%	100.0% #846C8C	RGB 132 108 140	#846C8C

#C8C7D0 #B9B6C4 #ACA5B9 #A096AE #9687A2 #8C7997 #846C8C

#C8C7D0 - #A096AE - #846C8C

Códigos CSS

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

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