#754A8F - #D7CBDF | 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 #754A8F to #D7CBDF

#754A8F #D7CBDF

Calculate the color between two colors, #754A8F and #D7CBDF. 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)

#754A8F - #D7CBDF | 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 #754A8F as 0% and #D7CBDF as 100%.

0.0%	0.0% #754A8F	RGB 117 74 143	#754A8F
16.7%	16.7% #855F9C	RGB 133 95 156	#855F9C
33.3%	33.3% #9575A9	RGB 149 117 169	#9575A9
50.0%	50.0% #A68AB7	RGB 166 138 183	#A68AB7
66.7%	66.7% #B6A0C4	RGB 182 160 196	#B6A0C4
83.3%	83.3% #C6B5D1	RGB 198 181 209	#C6B5D1
100.0%	100.0% #D7CBDF	RGB 215 203 223	#D7CBDF

#754A8F #855F9C #9575A9 #A68AB7 #B6A0C4 #C6B5D1 #D7CBDF

#754A8F - #D7CBDF

HSV Blend

#754A8F - #D7CBDF | 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 #754A8F as 0% and #D7CBDF as 100%.

0.0%	0.0% #754A8F	RGB 117 74 143	#754A8F
16.7%	16.7% #835B9C	RGB 131 91 156	#835B9C
33.3%	33.3% #926EA9	RGB 146 110 169	#926EA9
50.0%	50.0% #A282B7	RGB 162 130 183	#A282B7
66.7%	66.7% #B399C4	RGB 179 153 196	#B399C4
83.3%	83.3% #C4B1D1	RGB 196 177 209	#C4B1D1
100.0%	100.0% #D7CBDF	RGB 215 203 223	#D7CBDF

#754A8F #835B9C #926EA9 #A282B7 #B399C4 #C4B1D1 #D7CBDF

#754A8F - #A282B7 - #D7CBDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #754A8F 0%, #A282B7 50%, #D7CBDF 100%);
    background: -webkit-linear-gradient(top, #754A8F 0%, #A282B7 50%, #D7CBDF 100%);
    background: linear-gradient(to bottom, #754A8F 0%, #A282B7 50%, #D7CBDF 100%);
}
</style>