#5E5C7B - #D1D0D9 | 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 #5E5C7B a #D1D0D9

#5E5C7B #D1D0D9

Calcule el color entre dos colores, #5E5C7B y #D1D0D9. 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)

#5E5C7B - #D1D0D9 | 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 #5E5C7B como 0% y #D1D0D9 como 100%.

0.0%	0.0% #5E5C7B	RGB 94 92 123	#5E5C7B
16.7%	16.7% #716F8A	RGB 113 111 138	#716F8A
33.3%	33.3% #84829A	RGB 132 130 154	#84829A
50.0%	50.0% #9796AA	RGB 151 150 170	#9796AA
66.7%	66.7% #AAA9B9	RGB 170 169 185	#AAA9B9
83.3%	83.3% #BDBCC9	RGB 189 188 201	#BDBCC9
100.0%	100.0% #D1D0D9	RGB 209 208 217	#D1D0D9

#5E5C7B #716F8A #84829A #9796AA #AAA9B9 #BDBCC9 #D1D0D9

#5E5C7B - #D1D0D9

Mezcla HSV

#5E5C7B - #D1D0D9 | 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 #5E5C7B como 0% y #D1D0D9 como 100%.

0.0%	0.0% #5E5C7B	RGB 94 92 123	#5E5C7B
16.7%	16.7% #6E6C8A	RGB 110 108 138	#6E6C8A
33.3%	33.3% #807E9A	RGB 128 126 154	#807E9A
50.0%	50.0% #9391AA	RGB 147 145 170	#9391AA
66.7%	66.7% #A6A4B9	RGB 166 164 185	#A6A4B9
83.3%	83.3% #BBB9C9	RGB 187 185 201	#BBB9C9
100.0%	100.0% #D1D0D9	RGB 209 208 217	#D1D0D9

#5E5C7B #6E6C8A #807E9A #9391AA #A6A4B9 #BBB9C9 #D1D0D9

#5E5C7B - #9391AA - #D1D0D9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C7B 0%, #9391AA 50%, #D1D0D9 100%);
    background: -webkit-linear-gradient(top, #5E5C7B 0%, #9391AA 50%, #D1D0D9 100%);
    background: linear-gradient(to bottom, #5E5C7B 0%, #9391AA 50%, #D1D0D9 100%);
}
</style>