#6B3150 - #D4C4CD | 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 #6B3150 to #D4C4CD

#6B3150 #D4C4CD

Calculate the color between two colors, #6B3150 and #D4C4CD. 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)

#6B3150 - #D4C4CD | 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 #6B3150 as 0% and #D4C4CD as 100%.

0.0%	0.0% #6B3150	RGB 107 49 80	#6B3150
16.7%	16.7% #7C4964	RGB 124 73 100	#7C4964
33.3%	33.3% #8E6279	RGB 142 98 121	#8E6279
50.0%	50.0% #9F7A8E	RGB 159 122 142	#9F7A8E
66.7%	66.7% #B193A3	RGB 177 147 163	#B193A3
83.3%	83.3% #C2ABB8	RGB 194 171 184	#C2ABB8
100.0%	100.0% #D4C4CD	RGB 212 196 205	#D4C4CD

#6B3150 #7C4964 #8E6279 #9F7A8E #B193A3 #C2ABB8 #D4C4CD

#6B3150 - #D4C4CD

HSV Blend

#6B3150 - #D4C4CD | 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 #6B3150 as 0% and #D4C4CD as 100%.

0.0%	0.0% #6B3150	RGB 107 49 80	#6B3150
16.7%	16.7% #7C4261	RGB 124 66 97	#7C4261
33.3%	33.3% #8E5774	RGB 142 87 116	#8E5774
50.0%	50.0% #9F6E89	RGB 159 110 137	#9F6E89
66.7%	66.7% #B1889E	RGB 177 136 158	#B1889E
83.3%	83.3% #C2A4B5	RGB 194 164 181	#C2A4B5
100.0%	100.0% #D4C4CD	RGB 212 196 205	#D4C4CD

#6B3150 #7C4261 #8E5774 #9F6E89 #B1889E #C2A4B5 #D4C4CD

#6B3150 - #9F6E89 - #D4C4CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B3150 0%, #9F6E89 50%, #D4C4CD 100%);
    background: -webkit-linear-gradient(top, #6B3150 0%, #9F6E89 50%, #D4C4CD 100%);
    background: linear-gradient(to bottom, #6B3150 0%, #9F6E89 50%, #D4C4CD 100%);
}
</style>