#6D7B9C - #C3BAB3 | 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 #6D7B9C a #C3BAB3

#6D7B9C #C3BAB3

Calcule el color entre dos colores, #6D7B9C y #C3BAB3. 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)

#6D7B9C - #C3BAB3 | 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 #6D7B9C como 0% y #C3BAB3 como 100%.

0.0%	0.0% #6D7B9C	RGB 109 123 156	#6D7B9C
16.7%	16.7% #7B859F	RGB 123 133 159	#7B859F
33.3%	33.3% #8990A3	RGB 137 144 163	#8990A3
50.0%	50.0% #989AA7	RGB 152 154 167	#989AA7
66.7%	66.7% #A6A5AB	RGB 166 165 171	#A6A5AB
83.3%	83.3% #B4AFAF	RGB 180 175 175	#B4AFAF
100.0%	100.0% #C3BAB3	RGB 195 186 179	#C3BAB3

#6D7B9C #7B859F #8990A3 #989AA7 #A6A5AB #B4AFAF #C3BAB3

#6D7B9C - #C3BAB3

Mezcla HSV

#6D7B9C - #C3BAB3 | 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 #6D7B9C como 0% y #C3BAB3 como 100%.

0.0%	0.0% #6D7B9C	RGB 109 123 156	#6D7B9C
16.7%	16.7% #7E77A2	RGB 126 119 162	#7E77A2
33.3%	33.3% #9A82A9	RGB 154 130 169	#9A82A9
50.0%	50.0% #AF8DAD	RGB 175 141 173	#AF8DAD
66.7%	66.7% #B699A7	RGB 182 153 167	#B699A7
83.3%	83.3% #BCA6A6	RGB 188 166 166	#BCA6A6
100.0%	100.0% #C3BAB3	RGB 195 186 179	#C3BAB3

#6D7B9C #7E77A2 #9A82A9 #AF8DAD #B699A7 #BCA6A6 #C3BAB3

#6D7B9C - #AF8DAD - #C3BAB3

Códigos CSS

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

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