#DD7EDC - #AC0197 | 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 #DD7EDC to #AC0197

#DD7EDC #AC0197

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

#DD7EDC - #AC0197 | 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 #DD7EDC as 0% and #AC0197 as 100%.

0.0%	0.0% #DD7EDC	RGB 221 126 220	#DD7EDC
16.7%	16.7% #D469D0	RGB 212 105 208	#D469D0
33.3%	33.3% #CC54C5	RGB 204 84 197	#CC54C5
50.0%	50.0% #C43FB9	RGB 196 63 185	#C43FB9
66.7%	66.7% #BC2AAE	RGB 188 42 174	#BC2AAE
83.3%	83.3% #B415A2	RGB 180 21 162	#B415A2
100.0%	100.0% #AC0197	RGB 172 1 151	#AC0197

#DD7EDC #D469D0 #CC54C5 #C43FB9 #BC2AAE #B415A2 #AC0197

#DD7EDC - #AC0197

HSV Blend

#DD7EDC - #AC0197 | 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 #DD7EDC as 0% and #AC0197 as 100%.

0.0%	0.0% #DD7EDC	RGB 221 126 220	#DD7EDC
16.7%	16.7% #D465D1	RGB 212 101 209	#D465D1
33.3%	33.3% #CC4EC6	RGB 204 78 198	#CC4EC6
50.0%	50.0% #C438BB	RGB 196 56 187	#C438BB
66.7%	66.7% #BC24AF	RGB 188 36 175	#BC24AF
83.3%	83.3% #B411A3	RGB 180 17 163	#B411A3
100.0%	100.0% #AC0197	RGB 172 1 151	#AC0197

#DD7EDC #D465D1 #CC4EC6 #C438BB #BC24AF #B411A3 #AC0197

#DD7EDC - #C438BB - #AC0197

CSS codes

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

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