#85879C - #D0BFAD | 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 #85879C a #D0BFAD

#85879C #D0BFAD

Calcule el color entre dos colores, #85879C y #D0BFAD. 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)

#85879C - #D0BFAD | 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 #85879C como 0% y #D0BFAD como 100%.

0.0%	0.0% #85879C	RGB 133 135 156	#85879C
16.7%	16.7% #91909E	RGB 145 144 158	#91909E
33.3%	33.3% #9E99A1	RGB 158 153 161	#9E99A1
50.0%	50.0% #AAA3A4	RGB 170 163 164	#AAA3A4
66.7%	66.7% #B7ACA7	RGB 183 172 167	#B7ACA7
83.3%	83.3% #C3B5AA	RGB 195 181 170	#C3B5AA
100.0%	100.0% #D0BFAD	RGB 208 191 173	#D0BFAD

#85879C #91909E #9E99A1 #AAA3A4 #B7ACA7 #C3B5AA #D0BFAD

#85879C - #D0BFAD

Mezcla HSV

#85879C - #D0BFAD | 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 #85879C como 0% y #D0BFAD como 100%.

0.0%	0.0% #85879C	RGB 133 135 156	#85879C
16.7%	16.7% #948BA4	RGB 148 139 164	#948BA4
33.3%	33.3% #A792AD	RGB 167 146 173	#A792AD
50.0%	50.0% #B699AF	RGB 182 153 175	#B699AF
66.7%	66.7% #BE9FAA	RGB 190 159 170	#BE9FAA
83.3%	83.3% #C7A9A6	RGB 199 169 166	#C7A9A6
100.0%	100.0% #D0BFAD	RGB 208 191 173	#D0BFAD

#85879C #948BA4 #A792AD #B699AF #BE9FAA #C7A9A6 #D0BFAD

#85879C - #B699AF - #D0BFAD

Códigos CSS

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

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