#DFB9C3 - #AF6277 | 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 #DFB9C3 to #AF6277

#DFB9C3 #AF6277

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

#DFB9C3 - #AF6277 | 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 #DFB9C3 as 0% and #AF6277 as 100%.

0.0%	0.0% #DFB9C3	RGB 223 185 195	#DFB9C3
16.7%	16.7% #D7AAB6	RGB 215 170 182	#D7AAB6
33.3%	33.3% #CF9CA9	RGB 207 156 169	#CF9CA9
50.0%	50.0% #C78D9D	RGB 199 141 157	#C78D9D
66.7%	66.7% #BF7F90	RGB 191 127 144	#BF7F90
83.3%	83.3% #B77083	RGB 183 112 131	#B77083
100.0%	100.0% #AF6277	RGB 175 98 119	#AF6277

#DFB9C3 #D7AAB6 #CF9CA9 #C78D9D #BF7F90 #B77083 #AF6277

#DFB9C3 - #AF6277

HSV Blend

#DFB9C3 - #AF6277 | 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 #DFB9C3 as 0% and #AF6277 as 100%.

0.0%	0.0% #DFB9C3	RGB 223 185 195	#DFB9C3
16.7%	16.7% #D7A8B4	RGB 215 168 180	#D7A8B4
33.3%	33.3% #CF99A7	RGB 207 153 167	#CF99A7
50.0%	50.0% #C78A9A	RGB 199 138 154	#C78A9A
66.7%	66.7% #BF7C8E	RGB 191 124 142	#BF7C8E
83.3%	83.3% #B76E82	RGB 183 110 130	#B76E82
100.0%	100.0% #AF6277	RGB 175 98 119	#AF6277

#DFB9C3 #D7A8B4 #CF99A7 #C78A9A #BF7C8E #B76E82 #AF6277

#DFB9C3 - #C78A9A - #AF6277

CSS codes

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

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