#674459 - #D3C9CF | 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 #674459 to #D3C9CF

#674459 #D3C9CF

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

#674459 - #D3C9CF | 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 #674459 as 0% and #D3C9CF as 100%.

0.0%	0.0% #674459	RGB 103 68 89	#674459
16.7%	16.7% #795A6C	RGB 121 90 108	#795A6C
33.3%	33.3% #8B7080	RGB 139 112 128	#8B7080
50.0%	50.0% #9D8694	RGB 157 134 148	#9D8694
66.7%	66.7% #AF9CA7	RGB 175 156 167	#AF9CA7
83.3%	83.3% #C1B2BB	RGB 193 178 187	#C1B2BB
100.0%	100.0% #D3C9CF	RGB 211 201 207	#D3C9CF

#674459 #795A6C #8B7080 #9D8694 #AF9CA7 #C1B2BB #D3C9CF

#674459 - #D3C9CF

HSV Blend

#674459 - #D3C9CF | 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 #674459 as 0% and #D3C9CF as 100%.

0.0%	0.0% #674459	RGB 103 68 89	#674459
16.7%	16.7% #79556A	RGB 121 85 106	#79556A
33.3%	33.3% #8B697D	RGB 139 105 125	#8B697D
50.0%	50.0% #9D7E90	RGB 157 126 144	#9D7E90
66.7%	66.7% #AF95A4	RGB 175 149 164	#AF95A4
83.3%	83.3% #C1AEB9	RGB 193 174 185	#C1AEB9
100.0%	100.0% #D3C9CF	RGB 211 201 207	#D3C9CF

#674459 #79556A #8B697D #9D7E90 #AF95A4 #C1AEB9 #D3C9CF

#674459 - #9D7E90 - #D3C9CF

CSS codes

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

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