#3405E3 - #C5B7F7 | 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 #3405E3 to #C5B7F7

#3405E3 #C5B7F7

Calculate the color between two colors, #3405E3 and #C5B7F7. 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)

#3405E3 - #C5B7F7 | 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 #3405E3 as 0% and #C5B7F7 as 100%.

0.0%	0.0% #3405E3	RGB 52 5 227	#3405E3
16.7%	16.7% #4C22E6	RGB 76 34 230	#4C22E6
33.3%	33.3% #6440E9	RGB 100 64 233	#6440E9
50.0%	50.0% #7C5EED	RGB 124 94 237	#7C5EED
66.7%	66.7% #947BF0	RGB 148 123 240	#947BF0
83.3%	83.3% #AC99F3	RGB 172 153 243	#AC99F3
100.0%	100.0% #C5B7F7	RGB 197 183 247	#C5B7F7

#3405E3 #4C22E6 #6440E9 #7C5EED #947BF0 #AC99F3 #C5B7F7

#3405E3 - #C5B7F7

HSV Blend

#3405E3 - #C5B7F7 | 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 #3405E3 as 0% and #C5B7F7 as 100%.

0.0%	0.0% #3404E3	RGB 52 4 227	#3404E3
16.7%	16.7% #4A20E6	RGB 74 32 230	#4A20E6
33.3%	33.3% #623DE9	RGB 98 61 233	#623DE9
50.0%	50.0% #795AED	RGB 121 90 237	#795AED
66.7%	66.7% #9278F0	RGB 146 120 240	#9278F0
83.3%	83.3% #AB97F3	RGB 171 151 243	#AB97F3
100.0%	100.0% #C5B7F7	RGB 197 183 247	#C5B7F7

#3404E3 #4A20E6 #623DE9 #795AED #9278F0 #AB97F3 #C5B7F7

#3405E3 - #795AED - #C5B7F7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3404E3 0%, #795AED 50%, #C5B7F7 100%);
    background: -webkit-linear-gradient(top, #3404E3 0%, #795AED 50%, #C5B7F7 100%);
    background: linear-gradient(to bottom, #3404E3 0%, #795AED 50%, #C5B7F7 100%);
}
</style>