#8C99FF - #2D4BC9 | 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 #8C99FF to #2D4BC9

#8C99FF #2D4BC9

Calculate the color between two colors, #8C99FF and #2D4BC9. 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)

#8C99FF - #2D4BC9 | 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 #8C99FF as 0% and #2D4BC9 as 100%.

0.0%	0.0% #8C99FF	RGB 140 153 255	#8C99FF
16.7%	16.7% #7C8CF6	RGB 124 140 246	#7C8CF6
33.3%	33.3% #6C7FED	RGB 108 127 237	#6C7FED
50.0%	50.0% #5C72E4	RGB 92 114 228	#5C72E4
66.7%	66.7% #4C65DB	RGB 76 101 219	#4C65DB
83.3%	83.3% #3C58D2	RGB 60 88 210	#3C58D2
100.0%	100.0% #2D4BC9	RGB 45 75 201	#2D4BC9

#8C99FF #7C8CF6 #6C7FED #5C72E4 #4C65DB #3C58D2 #2D4BC9

#8C99FF - #2D4BC9

HSV Blend

#8C99FF - #2D4BC9 | 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 #8C99FF as 0% and #2D4BC9 as 100%.

0.0%	0.0% #8C99FF	RGB 140 153 255	#8C99FF
16.7%	16.7% #7989F6	RGB 121 137 246	#7989F6
33.3%	33.3% #687AED	RGB 104 122 237	#687AED
50.0%	50.0% #586DE4	RGB 88 109 228	#586DE4
66.7%	66.7% #4861DB	RGB 72 97 219	#4861DB
83.3%	83.3% #3A55D2	RGB 58 85 210	#3A55D2
100.0%	100.0% #2D4BC9	RGB 45 75 201	#2D4BC9

#8C99FF #7989F6 #687AED #586DE4 #4861DB #3A55D2 #2D4BC9

#8C99FF - #586DE4 - #2D4BC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C99FF 0%, #586DE4 50%, #2D4BC9 100%);
    background: -webkit-linear-gradient(top, #8C99FF 0%, #586DE4 50%, #2D4BC9 100%);
    background: linear-gradient(to bottom, #8C99FF 0%, #586DE4 50%, #2D4BC9 100%);
}
</style>