#816E91 - #DBD5DF | 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 #816E91 to #DBD5DF

#816E91 #DBD5DF

Calculate the color between two colors, #816E91 and #DBD5DF. 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)

#816E91 - #DBD5DF | 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 #816E91 as 0% and #DBD5DF as 100%.

0.0%	0.0% #816E91	RGB 129 110 145	#816E91
16.7%	16.7% #907F9E	RGB 144 127 158	#907F9E
33.3%	33.3% #9F90AB	RGB 159 144 171	#9F90AB
50.0%	50.0% #AEA1B8	RGB 174 161 184	#AEA1B8
66.7%	66.7% #BDB2C5	RGB 189 178 197	#BDB2C5
83.3%	83.3% #CCC3D2	RGB 204 195 210	#CCC3D2
100.0%	100.0% #DBD5DF	RGB 219 213 223	#DBD5DF

#816E91 #907F9E #9F90AB #AEA1B8 #BDB2C5 #CCC3D2 #DBD5DF

#816E91 - #DBD5DF

HSV Blend

#816E91 - #DBD5DF | 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 #816E91 as 0% and #DBD5DF as 100%.

0.0%	0.0% #816E91	RGB 129 110 145	#816E91
16.7%	16.7% #8F7D9E	RGB 143 125 158	#8F7D9E
33.3%	33.3% #9D8CAB	RGB 157 140 171	#9D8CAB
50.0%	50.0% #AC9DB8	RGB 172 157 184	#AC9DB8
66.7%	66.7% #BBAFC5	RGB 187 175 197	#BBAFC5
83.3%	83.3% #CBC1D2	RGB 203 193 210	#CBC1D2
100.0%	100.0% #DBD5DF	RGB 219 213 223	#DBD5DF

#816E91 #8F7D9E #9D8CAB #AC9DB8 #BBAFC5 #CBC1D2 #DBD5DF

#816E91 - #AC9DB8 - #DBD5DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #816E91 0%, #AC9DB8 50%, #DBD5DF 100%);
    background: -webkit-linear-gradient(top, #816E91 0%, #AC9DB8 50%, #DBD5DF 100%);
    background: linear-gradient(to bottom, #816E91 0%, #AC9DB8 50%, #DBD5DF 100%);
}
</style>