#CFC1C8 - #A16B7E | 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 #CFC1C8 a #A16B7E

#CFC1C8 #A16B7E

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

#CFC1C8 - #A16B7E | 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 #CFC1C8 como 0% y #A16B7E como 100%.

0.0%	0.0% #CFC1C8	RGB 207 193 200	#CFC1C8
16.7%	16.7% #C7B2BB	RGB 199 178 187	#C7B2BB
33.3%	33.3% #BFA4AF	RGB 191 164 175	#BFA4AF
50.0%	50.0% #B896A3	RGB 184 150 163	#B896A3
66.7%	66.7% #B08796	RGB 176 135 150	#B08796
83.3%	83.3% #A8798A	RGB 168 121 138	#A8798A
100.0%	100.0% #A16B7E	RGB 161 107 126	#A16B7E

#CFC1C8 #C7B2BB #BFA4AF #B896A3 #B08796 #A8798A #A16B7E

#CFC1C8 - #A16B7E

Mezcla HSV

#CFC1C8 - #A16B7E | 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 #CFC1C8 como 0% y #A16B7E como 100%.

0.0%	0.0% #CFC1C8	RGB 207 193 200	#CFC1C8
16.7%	16.7% #C7B0BB	RGB 199 176 187	#C7B0BB
33.3%	33.3% #BFA1AF	RGB 191 161 175	#BFA1AF
50.0%	50.0% #B892A2	RGB 184 146 162	#B892A2
66.7%	66.7% #B08496	RGB 176 132 150	#B08496
83.3%	83.3% #A8778A	RGB 168 119 138	#A8778A
100.0%	100.0% #A16B7E	RGB 161 107 126	#A16B7E

#CFC1C8 #C7B0BB #BFA1AF #B892A2 #B08496 #A8778A #A16B7E

#CFC1C8 - #B892A2 - #A16B7E

Códigos CSS

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

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