#4A61A1 - #CD9FCE | 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 #4A61A1 to #CD9FCE

#4A61A1 #CD9FCE

Calculate the color between two colors, #4A61A1 and #CD9FCE. 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)

#4A61A1 - #CD9FCE | 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 #4A61A1 as 0% and #CD9FCE as 100%.

0.0%	0.0% #4A61A1	RGB 74 97 161	#4A61A1
16.7%	16.7% #5F6BA8	RGB 95 107 168	#5F6BA8
33.3%	33.3% #7575B0	RGB 117 117 176	#7575B0
50.0%	50.0% #8B80B7	RGB 139 128 183	#8B80B7
66.7%	66.7% #A18ABF	RGB 161 138 191	#A18ABF
83.3%	83.3% #B794C6	RGB 183 148 198	#B794C6
100.0%	100.0% #CD9FCE	RGB 205 159 206	#CD9FCE

#4A61A1 #5F6BA8 #7575B0 #8B80B7 #A18ABF #B794C6 #CD9FCE

#4A61A1 - #CD9FCE

HSV Blend

#4A61A1 - #CD9FCE | 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 #4A61A1 as 0% and #CD9FCE as 100%.

0.0%	0.0% #4A61A1	RGB 74 97 161	#4A61A1
16.7%	16.7% #565AA8	RGB 86 90 168	#565AA8
33.3%	33.3% #6E63B0	RGB 110 99 176	#6E63B0
50.0%	50.0% #8A70B7	RGB 138 112 183	#8A70B7
66.7%	66.7% #A37FBF	RGB 163 127 191	#A37FBF
83.3%	83.3% #B98EC6	RGB 185 142 198	#B98EC6
100.0%	100.0% #CD9FCE	RGB 205 159 206	#CD9FCE

#4A61A1 #565AA8 #6E63B0 #8A70B7 #A37FBF #B98EC6 #CD9FCE

#4A61A1 - #8A70B7 - #CD9FCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A61A1 0%, #8A70B7 50%, #CD9FCE 100%);
    background: -webkit-linear-gradient(top, #4A61A1 0%, #8A70B7 50%, #CD9FCE 100%);
    background: linear-gradient(to bottom, #4A61A1 0%, #8A70B7 50%, #CD9FCE 100%);
}
</style>