#5959DA - #CFCFF4 | 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 #5959DA to #CFCFF4

#5959DA #CFCFF4

Calculate the color between two colors, #5959DA and #CFCFF4. 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)

#5959DA - #CFCFF4 | 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 #5959DA as 0% and #CFCFF4 as 100%.

0.0%	0.0% #5959DA	RGB 89 89 218	#5959DA
16.7%	16.7% #6C6CDE	RGB 108 108 222	#6C6CDE
33.3%	33.3% #8080E2	RGB 128 128 226	#8080E2
50.0%	50.0% #9494E7	RGB 148 148 231	#9494E7
66.7%	66.7% #A7A7EB	RGB 167 167 235	#A7A7EB
83.3%	83.3% #BBBBEF	RGB 187 187 239	#BBBBEF
100.0%	100.0% #CFCFF4	RGB 207 207 244	#CFCFF4

#5959DA #6C6CDE #8080E2 #9494E7 #A7A7EB #BBBBEF #CFCFF4

#5959DA - #CFCFF4

HSV Blend

#5959DA - #CFCFF4 | 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 #5959DA as 0% and #CFCFF4 as 100%.

0.0%	0.0% #5959DA	RGB 89 89 218	#5959DA
16.7%	16.7% #6B6BDE	RGB 107 107 222	#6B6BDE
33.3%	33.3% #7D7DE2	RGB 125 125 226	#7D7DE2
50.0%	50.0% #9191E7	RGB 145 145 231	#9191E7
66.7%	66.7% #A5A5EB	RGB 165 165 235	#A5A5EB
83.3%	83.3% #B9B9EF	RGB 185 185 239	#B9B9EF
100.0%	100.0% #CFCFF4	RGB 207 207 244	#CFCFF4

#5959DA #6B6BDE #7D7DE2 #9191E7 #A5A5EB #B9B9EF #CFCFF4

#5959DA - #9191E7 - #CFCFF4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5959DA 0%, #9191E7 50%, #CFCFF4 100%);
    background: -webkit-linear-gradient(top, #5959DA 0%, #9191E7 50%, #CFCFF4 100%);
    background: linear-gradient(to bottom, #5959DA 0%, #9191E7 50%, #CFCFF4 100%);
}
</style>