#5C617B - #D0D1D9 | 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 #5C617B a #D0D1D9

#5C617B #D0D1D9

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

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

0.0%	0.0% #5C617B	RGB 92 97 123	#5C617B
16.7%	16.7% #6F738A	RGB 111 115 138	#6F738A
33.3%	33.3% #82869A	RGB 130 134 154	#82869A
50.0%	50.0% #9699AA	RGB 150 153 170	#9699AA
66.7%	66.7% #A9ABB9	RGB 169 171 185	#A9ABB9
83.3%	83.3% #BCBEC9	RGB 188 190 201	#BCBEC9
100.0%	100.0% #D0D1D9	RGB 208 209 217	#D0D1D9

#5C617B #6F738A #82869A #9699AA #A9ABB9 #BCBEC9 #D0D1D9

#5C617B - #D0D1D9

Mezcla HSV

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

0.0%	0.0% #5C617B	RGB 92 97 123	#5C617B
16.7%	16.7% #6C718A	RGB 108 113 138	#6C718A
33.3%	33.3% #7E829A	RGB 126 130 154	#7E829A
50.0%	50.0% #9194AA	RGB 145 148 170	#9194AA
66.7%	66.7% #A4A7B9	RGB 164 167 185	#A4A7B9
83.3%	83.3% #B9BBC9	RGB 185 187 201	#B9BBC9
100.0%	100.0% #D0D1D9	RGB 208 209 217	#D0D1D9

#5C617B #6C718A #7E829A #9194AA #A4A7B9 #B9BBC9 #D0D1D9

#5C617B - #9194AA - #D0D1D9

Códigos CSS

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

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