#7F7AE5 - #DBD9F7 | 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 #7F7AE5 to #DBD9F7

#7F7AE5 #DBD9F7

Calculate the color between two colors, #7F7AE5 and #DBD9F7. 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)

#7F7AE5 - #DBD9F7 | 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 #7F7AE5 as 0% and #DBD9F7 as 100%.

0.0%	0.0% #7F7AE5	RGB 127 122 229	#7F7AE5
16.7%	16.7% #8E89E8	RGB 142 137 232	#8E89E8
33.3%	33.3% #9D99EB	RGB 157 153 235	#9D99EB
50.0%	50.0% #ADA9EE	RGB 173 169 238	#ADA9EE
66.7%	66.7% #BCB9F1	RGB 188 185 241	#BCB9F1
83.3%	83.3% #CBC9F4	RGB 203 201 244	#CBC9F4
100.0%	100.0% #DBD9F7	RGB 219 217 247	#DBD9F7

#7F7AE5 #8E89E8 #9D99EB #ADA9EE #BCB9F1 #CBC9F4 #DBD9F7

#7F7AE5 - #DBD9F7

HSV Blend

#7F7AE5 - #DBD9F7 | 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 #7F7AE5 as 0% and #DBD9F7 as 100%.

0.0%	0.0% #7E7AE5	RGB 126 122 229	#7E7AE5
16.7%	16.7% #8D88E8	RGB 141 136 232	#8D88E8
33.3%	33.3% #9C98EB	RGB 156 152 235	#9C98EB
50.0%	50.0% #ABA7EE	RGB 171 167 238	#ABA7EE
66.7%	66.7% #BBB7F1	RGB 187 183 241	#BBB7F1
83.3%	83.3% #CBC8F4	RGB 203 200 244	#CBC8F4
100.0%	100.0% #DBD9F7	RGB 219 217 247	#DBD9F7

#7E7AE5 #8D88E8 #9C98EB #ABA7EE #BBB7F1 #CBC8F4 #DBD9F7

#7F7AE5 - #ABA7EE - #DBD9F7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7AE5 0%, #ABA7EE 50%, #DBD9F7 100%);
    background: -webkit-linear-gradient(top, #7E7AE5 0%, #ABA7EE 50%, #DBD9F7 100%);
    background: linear-gradient(to bottom, #7E7AE5 0%, #ABA7EE 50%, #DBD9F7 100%);
}
</style>