#D688D5 - #A8128E | 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 #D688D5 to #A8128E

#D688D5 #A8128E

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

#D688D5 - #A8128E | 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 #D688D5 as 0% and #A8128E as 100%.

0.0%	0.0% #D688D5	RGB 214 136 213	#D688D5
16.7%	16.7% #CE74C9	RGB 206 116 201	#CE74C9
33.3%	33.3% #C660BD	RGB 198 96 189	#C660BD
50.0%	50.0% #BF4DB1	RGB 191 77 177	#BF4DB1
66.7%	66.7% #B739A5	RGB 183 57 165	#B739A5
83.3%	83.3% #AF2599	RGB 175 37 153	#AF2599
100.0%	100.0% #A8128E	RGB 168 18 142	#A8128E

#D688D5 #CE74C9 #C660BD #BF4DB1 #B739A5 #AF2599 #A8128E

#D688D5 - #A8128E

HSV Blend

#D688D5 - #A8128E | 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 #D688D5 as 0% and #A8128E as 100%.

0.0%	0.0% #D688D5	RGB 214 136 213	#D688D5
16.7%	16.7% #CE70CA	RGB 206 112 202	#CE70CA
33.3%	33.3% #C65BBF	RGB 198 91 191	#C65BBF
50.0%	50.0% #BF46B3	RGB 191 70 179	#BF46B3
66.7%	66.7% #B733A7	RGB 183 51 167	#B733A7
83.3%	83.3% #AF229A	RGB 175 34 154	#AF229A
100.0%	100.0% #A8128E	RGB 168 18 142	#A8128E

#D688D5 #CE70CA #C65BBF #BF46B3 #B733A7 #AF229A #A8128E

#D688D5 - #BF46B3 - #A8128E

CSS codes

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

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