#C6B6B6 - #AE6962 | 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 #C6B6B6 a #AE6962

#C6B6B6 #AE6962

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

#C6B6B6 - #AE6962 | 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 #C6B6B6 como 0% y #AE6962 como 100%.

0.0%	0.0% #C6B6B6	RGB 198 182 182	#C6B6B6
16.7%	16.7% #C2A9A8	RGB 194 169 168	#C2A9A8
33.3%	33.3% #BE9C9A	RGB 190 156 154	#BE9C9A
50.0%	50.0% #BA8F8C	RGB 186 143 140	#BA8F8C
66.7%	66.7% #B6827E	RGB 182 130 126	#B6827E
83.3%	83.3% #B27570	RGB 178 117 112	#B27570
100.0%	100.0% #AE6962	RGB 174 105 98	#AE6962

#C6B6B6 #C2A9A8 #BE9C9A #BA8F8C #B6827E #B27570 #AE6962

#C6B6B6 - #AE6962

Mezcla HSV

#C6B6B6 - #AE6962 | 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 #C6B6B6 como 0% y #AE6962 como 100%.

0.0%	0.0% #C6B6B6	RGB 198 182 182	#C6B6B6
16.7%	16.7% #C2A7A6	RGB 194 167 166	#C2A7A6
33.3%	33.3% #BE9998	RGB 190 153 152	#BE9998
50.0%	50.0% #BA8C89	RGB 186 140 137	#BA8C89
66.7%	66.7% #B67F7C	RGB 182 127 124	#B67F7C
83.3%	83.3% #B2736E	RGB 178 115 110	#B2736E
100.0%	100.0% #AE6962	RGB 174 105 98	#AE6962

#C6B6B6 #C2A7A6 #BE9998 #BA8C89 #B67F7C #B2736E #AE6962

#C6B6B6 - #BA8C89 - #AE6962

Códigos CSS

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

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