#3C36AF - #C7C5E8 | 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 #3C36AF to #C7C5E8

#3C36AF #C7C5E8

Calculate the color between two colors, #3C36AF and #C7C5E8. 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)

#3C36AF - #C7C5E8 | 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 #3C36AF as 0% and #C7C5E8 as 100%.

0.0%	0.0% #3C36AF	RGB 60 54 175	#3C36AF
16.7%	16.7% #534DB8	RGB 83 77 184	#534DB8
33.3%	33.3% #6A65C2	RGB 106 101 194	#6A65C2
50.0%	50.0% #817DCB	RGB 129 125 203	#817DCB
66.7%	66.7% #9895D5	RGB 152 149 213	#9895D5
83.3%	83.3% #AFADDE	RGB 175 173 222	#AFADDE
100.0%	100.0% #C7C5E8	RGB 199 197 232	#C7C5E8

#3C36AF #534DB8 #6A65C2 #817DCB #9895D5 #AFADDE #C7C5E8

#3C36AF - #C7C5E8

HSV Blend

#3C36AF - #C7C5E8 | 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 #3C36AF as 0% and #C7C5E8 as 100%.

0.0%	0.0% #3B36AF	RGB 59 54 175	#3B36AF
16.7%	16.7% #4F49B8	RGB 79 73 184	#4F49B8
33.3%	33.3% #635EC2	RGB 99 94 194	#635EC2
50.0%	50.0% #7A75CB	RGB 122 117 203	#7A75CB
66.7%	66.7% #928ED5	RGB 146 142 213	#928ED5
83.3%	83.3% #ABA8DE	RGB 171 168 222	#ABA8DE
100.0%	100.0% #C7C5E8	RGB 199 197 232	#C7C5E8

#3B36AF #4F49B8 #635EC2 #7A75CB #928ED5 #ABA8DE #C7C5E8

#3C36AF - #7A75CB - #C7C5E8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B36AF 0%, #7A75CB 50%, #C7C5E8 100%);
    background: -webkit-linear-gradient(top, #3B36AF 0%, #7A75CB 50%, #C7C5E8 100%);
    background: linear-gradient(to bottom, #3B36AF 0%, #7A75CB 50%, #C7C5E8 100%);
}
</style>