#6B5E80 - #D4D1DA | 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 #6B5E80 a #D4D1DA

#6B5E80 #D4D1DA

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

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

0.0%	0.0% #6B5E80	RGB 107 94 128	#6B5E80
16.7%	16.7% #7C718F	RGB 124 113 143	#7C718F
33.3%	33.3% #8E849E	RGB 142 132 158	#8E849E
50.0%	50.0% #9F97AD	RGB 159 151 173	#9F97AD
66.7%	66.7% #B1AABC	RGB 177 170 188	#B1AABC
83.3%	83.3% #C2BDCB	RGB 194 189 203	#C2BDCB
100.0%	100.0% #D4D1DA	RGB 212 209 218	#D4D1DA

#6B5E80 #7C718F #8E849E #9F97AD #B1AABC #C2BDCB #D4D1DA

#6B5E80 - #D4D1DA

Mezcla HSV

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

0.0%	0.0% #6B5E80	RGB 107 94 128	#6B5E80
16.7%	16.7% #7A6E8F	RGB 122 110 143	#7A6E8F
33.3%	33.3% #8A7F9E	RGB 138 127 158	#8A7F9E
50.0%	50.0% #9B92AD	RGB 155 146 173	#9B92AD
66.7%	66.7% #ADA6BC	RGB 173 166 188	#ADA6BC
83.3%	83.3% #C0BBCB	RGB 192 187 203	#C0BBCB
100.0%	100.0% #D4D1DA	RGB 212 209 218	#D4D1DA

#6B5E80 #7A6E8F #8A7F9E #9B92AD #ADA6BC #C0BBCB #D4D1DA

#6B5E80 - #9B92AD - #D4D1DA

Códigos CSS

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

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