#5C7D8C - #AD9FF0 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #5C7D8C to #AD9FF0

#5C7D8C #AD9FF0

Calculate the color between two colors, #5C7D8C and #AD9FF0. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#5C7D8C - #AD9FF0 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #5C7D8C as 0% and #AD9FF0 as 100%.

0.0%	0.0% #5C7D8C	RGB 92 125 140	#5C7D8C
16.7%	16.7% #69829C	RGB 105 130 156	#69829C
33.3%	33.3% #7788AD	RGB 119 136 173	#7788AD
50.0%	50.0% #848EBE	RGB 132 142 190	#848EBE
66.7%	66.7% #9293CE	RGB 146 147 206	#9293CE
83.3%	83.3% #9F99DF	RGB 159 153 223	#9F99DF
100.0%	100.0% #AD9FF0	RGB 173 159 240	#AD9FF0

#5C7D8C #69829C #7788AD #848EBE #9293CE #9F99DF #AD9FF0

#5C7D8C - #AD9FF0

HSV Blend

#5C7D8C - #AD9FF0 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #5C7D8C as 0% and #AD9FF0 as 100%.

0.0%	0.0% #5C7D8C	RGB 92 125 140	#5C7D8C
16.7%	16.7% #67849C	RGB 103 132 156	#67849C
33.3%	33.3% #7289AD	RGB 114 137 173	#7289AD
50.0%	50.0% #7D8DBE	RGB 125 141 190	#7D8DBE
66.7%	66.7% #8890CE	RGB 136 144 206	#8890CE
83.3%	83.3% #9593DF	RGB 149 147 223	#9593DF
100.0%	100.0% #AD9FF0	RGB 173 159 240	#AD9FF0

#5C7D8C #67849C #7289AD #7D8DBE #8890CE #9593DF #AD9FF0

#5C7D8C - #7D8DBE - #AD9FF0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C7D8C 0%, #7D8DBE 50%, #AD9FF0 100%);
    background: -webkit-linear-gradient(top, #5C7D8C 0%, #7D8DBE 50%, #AD9FF0 100%);
    background: linear-gradient(to bottom, #5C7D8C 0%, #7D8DBE 50%, #AD9FF0 100%);
}
</style>