#C5C5E6 - #686DA9 | 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 #C5C5E6 to #686DA9

#C5C5E6 #686DA9

Calculate the color between two colors, #C5C5E6 and #686DA9. 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)

#C5C5E6 - #686DA9 | 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 #C5C5E6 as 0% and #686DA9 as 100%.

0.0%	0.0% #C5C5E6	RGB 197 197 230	#C5C5E6
16.7%	16.7% #B5B6DB	RGB 181 182 219	#B5B6DB
33.3%	33.3% #A6A7D1	RGB 166 167 209	#A6A7D1
50.0%	50.0% #9699C7	RGB 150 153 199	#9699C7
66.7%	66.7% #878ABD	RGB 135 138 189	#878ABD
83.3%	83.3% #777BB3	RGB 119 123 179	#777BB3
100.0%	100.0% #686DA9	RGB 104 109 169	#686DA9

#C5C5E6 #B5B6DB #A6A7D1 #9699C7 #878ABD #777BB3 #686DA9

#C5C5E6 - #686DA9

HSV Blend

#C5C5E6 - #686DA9 | 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 #C5C5E6 as 0% and #686DA9 as 100%.

0.0%	0.0% #C5C5E6	RGB 197 197 230	#C5C5E6
16.7%	16.7% #B3B3DB	RGB 179 179 219	#B3B3DB
33.3%	33.3% #A2A3D1	RGB 162 163 209	#A2A3D1
50.0%	50.0% #9294C7	RGB 146 148 199	#9294C7
66.7%	66.7% #8386BD	RGB 131 134 189	#8386BD
83.3%	83.3% #7579B3	RGB 117 121 179	#7579B3
100.0%	100.0% #686DA9	RGB 104 109 169	#686DA9

#C5C5E6 #B3B3DB #A2A3D1 #9294C7 #8386BD #7579B3 #686DA9

#C5C5E6 - #9294C7 - #686DA9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5C5E6 0%, #9294C7 50%, #686DA9 100%);
    background: -webkit-linear-gradient(top, #C5C5E6 0%, #9294C7 50%, #686DA9 100%);
    background: linear-gradient(to bottom, #C5C5E6 0%, #9294C7 50%, #686DA9 100%);
}
</style>