#DBB7CB - #AF5981 | 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 #DBB7CB to #AF5981

#DBB7CB #AF5981

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

#DBB7CB - #AF5981 | 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 #DBB7CB as 0% and #AF5981 as 100%.

0.0%	0.0% #DBB7CB	RGB 219 183 203	#DBB7CB
16.7%	16.7% #D3A7BE	RGB 211 167 190	#D3A7BE
33.3%	33.3% #CC97B2	RGB 204 151 178	#CC97B2
50.0%	50.0% #C588A6	RGB 197 136 166	#C588A6
66.7%	66.7% #BD7899	RGB 189 120 153	#BD7899
83.3%	83.3% #B6688D	RGB 182 104 141	#B6688D
100.0%	100.0% #AF5981	RGB 175 89 129	#AF5981

#DBB7CB #D3A7BE #CC97B2 #C588A6 #BD7899 #B6688D #AF5981

#DBB7CB - #AF5981

HSV Blend

#DBB7CB - #AF5981 | 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 #DBB7CB as 0% and #AF5981 as 100%.

0.0%	0.0% #DBB7CB	RGB 219 183 203	#DBB7CB
16.7%	16.7% #D3A5BE	RGB 211 165 190	#D3A5BE
33.3%	33.3% #CC94B1	RGB 204 148 177	#CC94B1
50.0%	50.0% #C584A5	RGB 197 132 165	#C584A5
66.7%	66.7% #BD7599	RGB 189 117 153	#BD7599
83.3%	83.3% #B6668C	RGB 182 102 140	#B6668C
100.0%	100.0% #AF5981	RGB 175 89 129	#AF5981

#DBB7CB #D3A5BE #CC94B1 #C584A5 #BD7599 #B6668C #AF5981

#DBB7CB - #C584A5 - #AF5981

CSS codes

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

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