#654159 - #D3C8CF | 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 #654159 a #D3C8CF

#654159 #D3C8CF

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

#654159 - #D3C8CF | 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 #654159 como 0% y #D3C8CF como 100%.

0.0%	0.0% #654159	RGB 101 65 89	#654159
16.7%	16.7% #77576C	RGB 119 87 108	#77576C
33.3%	33.3% #896E80	RGB 137 110 128	#896E80
50.0%	50.0% #9C8494	RGB 156 132 148	#9C8494
66.7%	66.7% #AE9BA7	RGB 174 155 167	#AE9BA7
83.3%	83.3% #C0B1BB	RGB 192 177 187	#C0B1BB
100.0%	100.0% #D3C8CF	RGB 211 200 207	#D3C8CF

#654159 #77576C #896E80 #9C8494 #AE9BA7 #C0B1BB #D3C8CF

#654159 - #D3C8CF

Mezcla HSV

#654159 - #D3C8CF | 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 #654159 como 0% y #D3C8CF como 100%.

0.0%	0.0% #654159	RGB 101 65 89	#654159
16.7%	16.7% #77526A	RGB 119 82 106	#77526A
33.3%	33.3% #89667D	RGB 137 102 125	#89667D
50.0%	50.0% #9C7C90	RGB 156 124 144	#9C7C90
66.7%	66.7% #AE93A4	RGB 174 147 164	#AE93A4
83.3%	83.3% #C0ACB9	RGB 192 172 185	#C0ACB9
100.0%	100.0% #D3C8CF	RGB 211 200 207	#D3C8CF

#654159 #77526A #89667D #9C7C90 #AE93A4 #C0ACB9 #D3C8CF

#654159 - #9C7C90 - #D3C8CF

Códigos CSS

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

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