#403B5E - #C8C7D1 | 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 #403B5E a #C8C7D1

#403B5E #C8C7D1

Calcule el color entre dos colores, #403B5E y #C8C7D1. 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)

#403B5E - #C8C7D1 | 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 #403B5E como 0% y #C8C7D1 como 100%.

0.0%	0.0% #403B5E	RGB 64 59 94	#403B5E
16.7%	16.7% #565271	RGB 86 82 113	#565271
33.3%	33.3% #6D6984	RGB 109 105 132	#6D6984
50.0%	50.0% #848197	RGB 132 129 151	#848197
66.7%	66.7% #9A98AA	RGB 154 152 170	#9A98AA
83.3%	83.3% #B1AFBD	RGB 177 175 189	#B1AFBD
100.0%	100.0% #C8C7D1	RGB 200 199 209	#C8C7D1

#403B5E #565271 #6D6984 #848197 #9A98AA #B1AFBD #C8C7D1

#403B5E - #C8C7D1

Mezcla HSV

#403B5E - #C8C7D1 | 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 #403B5E como 0% y #C8C7D1 como 100%.

0.0%	0.0% #403B5E	RGB 64 59 94	#403B5E
16.7%	16.7% #524D71	RGB 82 77 113	#524D71
33.3%	33.3% #656184	RGB 101 97 132	#656184
50.0%	50.0% #7B7797	RGB 123 119 151	#7B7797
66.7%	66.7% #9390AA	RGB 147 144 170	#9390AA
83.3%	83.3% #ACAABD	RGB 172 170 189	#ACAABD
100.0%	100.0% #C8C7D1	RGB 200 199 209	#C8C7D1

#403B5E #524D71 #656184 #7B7797 #9390AA #ACAABD #C8C7D1

#403B5E - #7B7797 - #C8C7D1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #403B5E 0%, #7B7797 50%, #C8C7D1 100%);
    background: -webkit-linear-gradient(top, #403B5E 0%, #7B7797 50%, #C8C7D1 100%);
    background: linear-gradient(to bottom, #403B5E 0%, #7B7797 50%, #C8C7D1 100%);
}
</style>