#5C4D9A - #CFCCE2 | 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 #5C4D9A to #CFCCE2

#5C4D9A #CFCCE2

Calculate the color between two colors, #5C4D9A and #CFCCE2. 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)

#5C4D9A - #CFCCE2 | 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 #5C4D9A as 0% and #CFCCE2 as 100%.

0.0%	0.0% #5C4D9A	RGB 92 77 154	#5C4D9A
16.7%	16.7% #6F62A6	RGB 111 98 166	#6F62A6
33.3%	33.3% #8277B2	RGB 130 119 178	#8277B2
50.0%	50.0% #958CBE	RGB 149 140 190	#958CBE
66.7%	66.7% #A8A1CA	RGB 168 161 202	#A8A1CA
83.3%	83.3% #BBB6D6	RGB 187 182 214	#BBB6D6
100.0%	100.0% #CFCCE2	RGB 207 204 226	#CFCCE2

#5C4D9A #6F62A6 #8277B2 #958CBE #A8A1CA #BBB6D6 #CFCCE2

#5C4D9A - #CFCCE2

HSV Blend

#5C4D9A - #CFCCE2 | 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 #5C4D9A as 0% and #CFCCE2 as 100%.

0.0%	0.0% #5B4D9A	RGB 91 77 154	#5B4D9A
16.7%	16.7% #6B5EA6	RGB 107 94 166	#6B5EA6
33.3%	33.3% #7C70B2	RGB 124 112 178	#7C70B2
50.0%	50.0% #8E85BE	RGB 142 133 190	#8E85BE
66.7%	66.7% #A29BCA	RGB 162 155 202	#A29BCA
83.3%	83.3% #B7B2D6	RGB 183 178 214	#B7B2D6
100.0%	100.0% #CFCCE2	RGB 207 204 226	#CFCCE2

#5B4D9A #6B5EA6 #7C70B2 #8E85BE #A29BCA #B7B2D6 #CFCCE2

#5C4D9A - #8E85BE - #CFCCE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B4D9A 0%, #8E85BE 50%, #CFCCE2 100%);
    background: -webkit-linear-gradient(top, #5B4D9A 0%, #8E85BE 50%, #CFCCE2 100%);
    background: linear-gradient(to bottom, #5B4D9A 0%, #8E85BE 50%, #CFCCE2 100%);
}
</style>