#605EB5 - #B17DFB | 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 #605EB5 to #B17DFB

#605EB5 #B17DFB

Calculate the color between two colors, #605EB5 and #B17DFB. 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)

#605EB5 - #B17DFB | 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 #605EB5 as 0% and #B17DFB as 100%.

0.0%	0.0% #605EB5	RGB 96 94 181	#605EB5
16.7%	16.7% #6D63C0	RGB 109 99 192	#6D63C0
33.3%	33.3% #7B68CC	RGB 123 104 204	#7B68CC
50.0%	50.0% #886DD8	RGB 136 109 216	#886DD8
66.7%	66.7% #9672E3	RGB 150 114 227	#9672E3
83.3%	83.3% #A377EF	RGB 163 119 239	#A377EF
100.0%	100.0% #B17DFB	RGB 177 125 251	#B17DFB

#605EB5 #6D63C0 #7B68CC #886DD8 #9672E3 #A377EF #B17DFB

#605EB5 - #B17DFB

HSV Blend

#605EB5 - #B17DFB | 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 #605EB5 as 0% and #B17DFB as 100%.

0.0%	0.0% #605EB5	RGB 96 94 181	#605EB5
16.7%	16.7% #6B63C0	RGB 107 99 192	#6B63C0
33.3%	33.3% #7768CC	RGB 119 104 204	#7768CC
50.0%	50.0% #846DD8	RGB 132 109 216	#846DD8
66.7%	66.7% #9272E3	RGB 146 114 227	#9272E3
83.3%	83.3% #A178EF	RGB 161 120 239	#A178EF
100.0%	100.0% #B17DFB	RGB 177 125 251	#B17DFB

#605EB5 #6B63C0 #7768CC #846DD8 #9272E3 #A178EF #B17DFB

#605EB5 - #846DD8 - #B17DFB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #605EB5 0%, #846DD8 50%, #B17DFB 100%);
    background: -webkit-linear-gradient(top, #605EB5 0%, #846DD8 50%, #B17DFB 100%);
    background: linear-gradient(to bottom, #605EB5 0%, #846DD8 50%, #B17DFB 100%);
}
</style>