#5E568C - #D1CEDE | 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 #5E568C to #D1CEDE

#5E568C #D1CEDE

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

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

0.0%	0.0% #5E568C	RGB 94 86 140	#5E568C
16.7%	16.7% #716A99	RGB 113 106 153	#716A99
33.3%	33.3% #847EA7	RGB 132 126 167	#847EA7
50.0%	50.0% #9792B5	RGB 151 146 181	#9792B5
66.7%	66.7% #AAA6C2	RGB 170 166 194	#AAA6C2
83.3%	83.3% #BDBAD0	RGB 189 186 208	#BDBAD0
100.0%	100.0% #D1CEDE	RGB 209 206 222	#D1CEDE

#5E568C #716A99 #847EA7 #9792B5 #AAA6C2 #BDBAD0 #D1CEDE

#5E568C - #D1CEDE

HSV Blend

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

0.0%	0.0% #5E568C	RGB 94 86 140	#5E568C
16.7%	16.7% #6E6699	RGB 110 102 153	#6E6699
33.3%	33.3% #7F78A7	RGB 127 120 167	#7F78A7
50.0%	50.0% #928BB5	RGB 146 139 181	#928BB5
66.7%	66.7% #A6A0C2	RGB 166 160 194	#A6A0C2
83.3%	83.3% #BBB6D0	RGB 187 182 208	#BBB6D0
100.0%	100.0% #D1CEDE	RGB 209 206 222	#D1CEDE

#5E568C #6E6699 #7F78A7 #928BB5 #A6A0C2 #BBB6D0 #D1CEDE

#5E568C - #928BB5 - #D1CEDE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E568C 0%, #928BB5 50%, #D1CEDE 100%);
    background: -webkit-linear-gradient(top, #5E568C 0%, #928BB5 50%, #D1CEDE 100%);
    background: linear-gradient(to bottom, #5E568C 0%, #928BB5 50%, #D1CEDE 100%);
}
</style>