#655E8F - #D3D1DF | 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 #655E8F a #D3D1DF

#655E8F #D3D1DF

Calcule el color entre dos colores, #655E8F y #D3D1DF. 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)

#655E8F - #D3D1DF | 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 #655E8F como 0% y #D3D1DF como 100%.

0.0%	0.0% #655E8F	RGB 101 94 143	#655E8F
16.7%	16.7% #77719C	RGB 119 113 156	#77719C
33.3%	33.3% #8984A9	RGB 137 132 169	#8984A9
50.0%	50.0% #9C97B7	RGB 156 151 183	#9C97B7
66.7%	66.7% #AEAAC4	RGB 174 170 196	#AEAAC4
83.3%	83.3% #C0BDD1	RGB 192 189 209	#C0BDD1
100.0%	100.0% #D3D1DF	RGB 211 209 223	#D3D1DF

#655E8F #77719C #8984A9 #9C97B7 #AEAAC4 #C0BDD1 #D3D1DF

#655E8F - #D3D1DF

Mezcla HSV

#655E8F - #D3D1DF | 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 #655E8F como 0% y #D3D1DF como 100%.

0.0%	0.0% #655E8F	RGB 101 94 143	#655E8F
16.7%	16.7% #746E9C	RGB 116 110 156	#746E9C
33.3%	33.3% #857FA9	RGB 133 127 169	#857FA9
50.0%	50.0% #9791B7	RGB 151 145 183	#9791B7
66.7%	66.7% #AAA5C4	RGB 170 165 196	#AAA5C4
83.3%	83.3% #BEBAD1	RGB 190 186 209	#BEBAD1
100.0%	100.0% #D3D1DF	RGB 211 209 223	#D3D1DF

#655E8F #746E9C #857FA9 #9791B7 #AAA5C4 #BEBAD1 #D3D1DF

#655E8F - #9791B7 - #D3D1DF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #655E8F 0%, #9791B7 50%, #D3D1DF 100%);
    background: -webkit-linear-gradient(top, #655E8F 0%, #9791B7 50%, #D3D1DF 100%);
    background: linear-gradient(to bottom, #655E8F 0%, #9791B7 50%, #D3D1DF 100%);
}
</style>