#6B5E7E - #D5D1DA | 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 #6B5E7E a #D5D1DA

#6B5E7E #D5D1DA

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

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

0.0%	0.0% #6B5E7E	RGB 107 94 126	#6B5E7E
16.7%	16.7% #7C718D	RGB 124 113 141	#7C718D
33.3%	33.3% #8E849C	RGB 142 132 156	#8E849C
50.0%	50.0% #A097AC	RGB 160 151 172	#A097AC
66.7%	66.7% #B1AABB	RGB 177 170 187	#B1AABB
83.3%	83.3% #C3BDCA	RGB 195 189 202	#C3BDCA
100.0%	100.0% #D5D1DA	RGB 213 209 218	#D5D1DA

#6B5E7E #7C718D #8E849C #A097AC #B1AABB #C3BDCA #D5D1DA

#6B5E7E - #D5D1DA

Mezcla HSV

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

0.0%	0.0% #6B5E7E	RGB 107 94 126	#6B5E7E
16.7%	16.7% #7B6E8D	RGB 123 110 141	#7B6E8D
33.3%	33.3% #8C7F9C	RGB 140 127 156	#8C7F9C
50.0%	50.0% #9D92AC	RGB 157 146 172	#9D92AC
66.7%	66.7% #AFA6BB	RGB 175 166 187	#AFA6BB
83.3%	83.3% #C1BBCA	RGB 193 187 202	#C1BBCA
100.0%	100.0% #D5D1DA	RGB 213 209 218	#D5D1DA

#6B5E7E #7B6E8D #8C7F9C #9D92AC #AFA6BB #C1BBCA #D5D1DA

#6B5E7E - #9D92AC - #D5D1DA

Códigos CSS

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

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