#8CADFF - #3E59ED | 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 #8CADFF to #3E59ED

#8CADFF #3E59ED

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

#8CADFF - #3E59ED | 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 #8CADFF as 0% and #3E59ED as 100%.

0.0%	0.0% #8CADFF	RGB 140 173 255	#8CADFF
16.7%	16.7% #7F9FFC	RGB 127 159 252	#7F9FFC
33.3%	33.3% #7291F9	RGB 114 145 249	#7291F9
50.0%	50.0% #6583F6	RGB 101 131 246	#6583F6
66.7%	66.7% #5875F3	RGB 88 117 243	#5875F3
83.3%	83.3% #4B67F0	RGB 75 103 240	#4B67F0
100.0%	100.0% #3E59ED	RGB 62 89 237	#3E59ED

#8CADFF #7F9FFC #7291F9 #6583F6 #5875F3 #4B67F0 #3E59ED

#8CADFF - #3E59ED

HSV Blend

#8CADFF - #3E59ED | 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 #8CADFF as 0% and #3E59ED as 100%.

0.0%	0.0% #8CADFF	RGB 140 173 255	#8CADFF
16.7%	16.7% #7E9FFC	RGB 126 159 252	#7E9FFC
33.3%	33.3% #7091F9	RGB 112 145 249	#7091F9
50.0%	50.0% #6383F6	RGB 99 131 246	#6383F6
66.7%	66.7% #5675F3	RGB 86 117 243	#5675F3
83.3%	83.3% #4A67F0	RGB 74 103 240	#4A67F0
100.0%	100.0% #3E59ED	RGB 62 89 237	#3E59ED

#8CADFF #7E9FFC #7091F9 #6383F6 #5675F3 #4A67F0 #3E59ED

#8CADFF - #6383F6 - #3E59ED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CADFF 0%, #6383F6 50%, #3E59ED 100%);
    background: -webkit-linear-gradient(top, #8CADFF 0%, #6383F6 50%, #3E59ED 100%);
    background: linear-gradient(to bottom, #8CADFF 0%, #6383F6 50%, #3E59ED 100%);
}
</style>