#899AFF - #293ECE | 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 #899AFF to #293ECE

#899AFF #293ECE

Calculate the color between two colors, #899AFF and #293ECE. 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)

#899AFF - #293ECE | 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 #899AFF as 0% and #293ECE as 100%.

0.0%	0.0% #899AFF	RGB 137 154 255	#899AFF
16.7%	16.7% #798AF6	RGB 121 138 246	#798AF6
33.3%	33.3% #697BEE	RGB 105 123 238	#697BEE
50.0%	50.0% #596CE6	RGB 89 108 230	#596CE6
66.7%	66.7% #495CDE	RGB 73 92 222	#495CDE
83.3%	83.3% #394DD6	RGB 57 77 214	#394DD6
100.0%	100.0% #293ECE	RGB 41 62 206	#293ECE

#899AFF #798AF6 #697BEE #596CE6 #495CDE #394DD6 #293ECE

#899AFF - #293ECE

HSV Blend

#899AFF - #293ECE | 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 #899AFF as 0% and #293ECE as 100%.

0.0%	0.0% #899AFF	RGB 137 154 255	#899AFF
16.7%	16.7% #7688F6	RGB 118 136 246	#7688F6
33.3%	33.3% #6578EE	RGB 101 120 238	#6578EE
50.0%	50.0% #5468E6	RGB 84 104 230	#5468E6
66.7%	66.7% #4559DE	RGB 69 89 222	#4559DE
83.3%	83.3% #364BD6	RGB 54 75 214	#364BD6
100.0%	100.0% #293ECE	RGB 41 62 206	#293ECE

#899AFF #7688F6 #6578EE #5468E6 #4559DE #364BD6 #293ECE

#899AFF - #5468E6 - #293ECE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #899AFF 0%, #5468E6 50%, #293ECE 100%);
    background: -webkit-linear-gradient(top, #899AFF 0%, #5468E6 50%, #293ECE 100%);
    background: linear-gradient(to bottom, #899AFF 0%, #5468E6 50%, #293ECE 100%);
}
</style>