#7F7FC1 - #DADAED | 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 #7F7FC1 to #DADAED

#7F7FC1 #DADAED

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

#7F7FC1 - #DADAED | 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 #7F7FC1 as 0% and #DADAED as 100%.

0.0%	0.0% #7F7FC1	RGB 127 127 193	#7F7FC1
16.7%	16.7% #8E8EC8	RGB 142 142 200	#8E8EC8
33.3%	33.3% #9D9DCF	RGB 157 157 207	#9D9DCF
50.0%	50.0% #ACACD7	RGB 172 172 215	#ACACD7
66.7%	66.7% #BBBBDE	RGB 187 187 222	#BBBBDE
83.3%	83.3% #CACAE5	RGB 202 202 229	#CACAE5
100.0%	100.0% #DADAED	RGB 218 218 237	#DADAED

#7F7FC1 #8E8EC8 #9D9DCF #ACACD7 #BBBBDE #CACAE5 #DADAED

#7F7FC1 - #DADAED

HSV Blend

#7F7FC1 - #DADAED | 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 #7F7FC1 as 0% and #DADAED as 100%.

0.0%	0.0% #7F7FC1	RGB 127 127 193	#7F7FC1
16.7%	16.7% #8C8CC8	RGB 140 140 200	#8C8CC8
33.3%	33.3% #9A9ACF	RGB 154 154 207	#9A9ACF
50.0%	50.0% #A9A9D7	RGB 169 169 215	#A9A9D7
66.7%	66.7% #B9B9DE	RGB 185 185 222	#B9B9DE
83.3%	83.3% #C9C9E5	RGB 201 201 229	#C9C9E5
100.0%	100.0% #DADAED	RGB 218 218 237	#DADAED

#7F7FC1 #8C8CC8 #9A9ACF #A9A9D7 #B9B9DE #C9C9E5 #DADAED

#7F7FC1 - #A9A9D7 - #DADAED

CSS codes

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

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