#7C669C - #D9D3E2 | 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 #7C669C to #D9D3E2

#7C669C #D9D3E2

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

#7C669C - #D9D3E2 | 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 #7C669C as 0% and #D9D3E2 as 100%.

0.0%	0.0% #7C669C	RGB 124 102 156	#7C669C
16.7%	16.7% #8B78A7	RGB 139 120 167	#8B78A7
33.3%	33.3% #9B8AB3	RGB 155 138 179	#9B8AB3
50.0%	50.0% #AA9CBF	RGB 170 156 191	#AA9CBF
66.7%	66.7% #BAAECA	RGB 186 174 202	#BAAECA
83.3%	83.3% #C9C0D6	RGB 201 192 214	#C9C0D6
100.0%	100.0% #D9D3E2	RGB 217 211 226	#D9D3E2

#7C669C #8B78A7 #9B8AB3 #AA9CBF #BAAECA #C9C0D6 #D9D3E2

#7C669C - #D9D3E2

HSV Blend

#7C669C - #D9D3E2 | 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 #7C669C as 0% and #D9D3E2 as 100%.

0.0%	0.0% #7C669C	RGB 124 102 156	#7C669C
16.7%	16.7% #8975A7	RGB 137 117 167	#8975A7
33.3%	33.3% #9885B3	RGB 152 133 179	#9885B3
50.0%	50.0% #A797BF	RGB 167 151 191	#A797BF
66.7%	66.7% #B7AACA	RGB 183 170 202	#B7AACA
83.3%	83.3% #C7BED6	RGB 199 190 214	#C7BED6
100.0%	100.0% #D9D3E2	RGB 217 211 226	#D9D3E2

#7C669C #8975A7 #9885B3 #A797BF #B7AACA #C7BED6 #D9D3E2

#7C669C - #A797BF - #D9D3E2

CSS codes

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

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