#8C8CFF - #292ECC | 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 #8C8CFF to #292ECC

#8C8CFF #292ECC

Calculate the color between two colors, #8C8CFF and #292ECC. 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)

#8C8CFF - #292ECC | 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 #8C8CFF as 0% and #292ECC as 100%.

0.0%	0.0% #8C8CFF	RGB 140 140 255	#8C8CFF
16.7%	16.7% #7B7CF6	RGB 123 124 246	#7B7CF6
33.3%	33.3% #6B6CEE	RGB 107 108 238	#6B6CEE
50.0%	50.0% #5A5DE5	RGB 90 93 229	#5A5DE5
66.7%	66.7% #4A4DDD	RGB 74 77 221	#4A4DDD
83.3%	83.3% #393DD4	RGB 57 61 212	#393DD4
100.0%	100.0% #292ECC	RGB 41 46 204	#292ECC

#8C8CFF #7B7CF6 #6B6CEE #5A5DE5 #4A4DDD #393DD4 #292ECC

#8C8CFF - #292ECC

HSV Blend

#8C8CFF - #292ECC | 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 #8C8CFF as 0% and #292ECC as 100%.

0.0%	0.0% #8C8CFF	RGB 140 140 255	#8C8CFF
16.7%	16.7% #7979F6	RGB 121 121 246	#7979F6
33.3%	33.3% #6768EE	RGB 103 104 238	#6768EE
50.0%	50.0% #5658E5	RGB 86 88 229	#5658E5
66.7%	66.7% #4649DD	RGB 70 73 221	#4649DD
83.3%	83.3% #373BD4	RGB 55 59 212	#373BD4
100.0%	100.0% #292ECC	RGB 41 46 204	#292ECC

#8C8CFF #7979F6 #6768EE #5658E5 #4649DD #373BD4 #292ECC

#8C8CFF - #5658E5 - #292ECC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8CFF 0%, #5658E5 50%, #292ECC 100%);
    background: -webkit-linear-gradient(top, #8C8CFF 0%, #5658E5 50%, #292ECC 100%);
    background: linear-gradient(to bottom, #8C8CFF 0%, #5658E5 50%, #292ECC 100%);
}
</style>