#C6B7B7 - #AF6A63 | 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 #C6B7B7 a #AF6A63

#C6B7B7 #AF6A63

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

#C6B7B7 - #AF6A63 | 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 #C6B7B7 como 0% y #AF6A63 como 100%.

0.0%	0.0% #C6B7B7	RGB 198 183 183	#C6B7B7
16.7%	16.7% #C2AAA9	RGB 194 170 169	#C2AAA9
33.3%	33.3% #BE9D9B	RGB 190 157 155	#BE9D9B
50.0%	50.0% #BA908D	RGB 186 144 141	#BA908D
66.7%	66.7% #B6837F	RGB 182 131 127	#B6837F
83.3%	83.3% #B27671	RGB 178 118 113	#B27671
100.0%	100.0% #AF6A63	RGB 175 106 99	#AF6A63

#C6B7B7 #C2AAA9 #BE9D9B #BA908D #B6837F #B27671 #AF6A63

#C6B7B7 - #AF6A63

Mezcla HSV

#C6B7B7 - #AF6A63 | 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 #C6B7B7 como 0% y #AF6A63 como 100%.

0.0%	0.0% #C6B7B7	RGB 198 183 183	#C6B7B7
16.7%	16.7% #C2A8A7	RGB 194 168 167	#C2A8A7
33.3%	33.3% #BE9A99	RGB 190 154 153	#BE9A99
50.0%	50.0% #BA8D8A	RGB 186 141 138	#BA8D8A
66.7%	66.7% #B6807D	RGB 182 128 125	#B6807D
83.3%	83.3% #B2746F	RGB 178 116 111	#B2746F
100.0%	100.0% #AF6A63	RGB 175 106 99	#AF6A63

#C6B7B7 #C2A8A7 #BE9A99 #BA8D8A #B6807D #B2746F #AF6A63

#C6B7B7 - #BA8D8A - #AF6A63

Códigos CSS

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

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