#9F91DF - #2D293F | 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 #9F91DF to #2D293F

#9F91DF #2D293F

Calculate the color between two colors, #9F91DF and #2D293F. 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)

#9F91DF - #2D293F | 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 #9F91DF as 0% and #2D293F as 100%.

0.0%	0.0% #9F91DF	RGB 159 145 223	#9F91DF
16.7%	16.7% #8C7FC4	RGB 140 127 196	#8C7FC4
33.3%	33.3% #796EA9	RGB 121 110 169	#796EA9
50.0%	50.0% #665D8F	RGB 102 93 143	#665D8F
66.7%	66.7% #534B74	RGB 83 75 116	#534B74
83.3%	83.3% #403A59	RGB 64 58 89	#403A59
100.0%	100.0% #2D293F	RGB 45 41 63	#2D293F

#9F91DF #8C7FC4 #796EA9 #665D8F #534B74 #403A59 #2D293F

#9F91DF - #2D293F

HSV Blend

#9F91DF - #2D293F | 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 #9F91DF as 0% and #2D293F as 100%.

0.0%	0.0% #9F91DF	RGB 159 145 223	#9F91DF
16.7%	16.7% #8C7FC4	RGB 140 127 196	#8C7FC4
33.3%	33.3% #796EA9	RGB 121 110 169	#796EA9
50.0%	50.0% #665D8F	RGB 102 93 143	#665D8F
66.7%	66.7% #534B74	RGB 83 75 116	#534B74
83.3%	83.3% #403A59	RGB 64 58 89	#403A59
100.0%	100.0% #2D293F	RGB 45 41 63	#2D293F

#9F91DF #8C7FC4 #796EA9 #665D8F #534B74 #403A59 #2D293F

#9F91DF - #665D8F - #2D293F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F91DF 0%, #665D8F 50%, #2D293F 100%);
    background: -webkit-linear-gradient(top, #9F91DF 0%, #665D8F 50%, #2D293F 100%);
    background: linear-gradient(to bottom, #9F91DF 0%, #665D8F 50%, #2D293F 100%);
}
</style>