#7D488C - #D9CADE | 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 #7D488C to #D9CADE

#7D488C #D9CADE

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

#7D488C - #D9CADE | 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 #7D488C as 0% and #D9CADE as 100%.

0.0%	0.0% #7D488C	RGB 125 72 140	#7D488C
16.7%	16.7% #8C5D99	RGB 140 93 153	#8C5D99
33.3%	33.3% #9B73A7	RGB 155 115 167	#9B73A7
50.0%	50.0% #AB89B5	RGB 171 137 181	#AB89B5
66.7%	66.7% #BA9EC2	RGB 186 158 194	#BA9EC2
83.3%	83.3% #C9B4D0	RGB 201 180 208	#C9B4D0
100.0%	100.0% #D9CADE	RGB 217 202 222	#D9CADE

#7D488C #8C5D99 #9B73A7 #AB89B5 #BA9EC2 #C9B4D0 #D9CADE

#7D488C - #D9CADE

HSV Blend

#7D488C - #D9CADE | 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 #7D488C as 0% and #D9CADE as 100%.

0.0%	0.0% #7D488C	RGB 125 72 140	#7D488C
16.7%	16.7% #8B5999	RGB 139 89 153	#8B5999
33.3%	33.3% #996CA7	RGB 153 108 167	#996CA7
50.0%	50.0% #A880B5	RGB 168 128 181	#A880B5
66.7%	66.7% #B897C2	RGB 184 151 194	#B897C2
83.3%	83.3% #C8AFD0	RGB 200 175 208	#C8AFD0
100.0%	100.0% #D9CADE	RGB 217 202 222	#D9CADE

#7D488C #8B5999 #996CA7 #A880B5 #B897C2 #C8AFD0 #D9CADE

#7D488C - #A880B5 - #D9CADE

CSS codes

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

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