#DD8FBA - #AB296D | 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 #DD8FBA to #AB296D

#DD8FBA #AB296D

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

#DD8FBA - #AB296D | 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 #DD8FBA as 0% and #AB296D as 100%.

0.0%	0.0% #DD8FBA	RGB 221 143 186	#DD8FBA
16.7%	16.7% #D47EAD	RGB 212 126 173	#D47EAD
33.3%	33.3% #CC6DA0	RGB 204 109 160	#CC6DA0
50.0%	50.0% #C45C93	RGB 196 92 147	#C45C93
66.7%	66.7% #BB4B86	RGB 187 75 134	#BB4B86
83.3%	83.3% #B33A79	RGB 179 58 121	#B33A79
100.0%	100.0% #AB296D	RGB 171 41 109	#AB296D

#DD8FBA #D47EAD #CC6DA0 #C45C93 #BB4B86 #B33A79 #AB296D

#DD8FBA - #AB296D

HSV Blend

#DD8FBA - #AB296D | 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 #DD8FBA as 0% and #AB296D as 100%.

0.0%	0.0% #DD8FBA	RGB 221 143 186	#DD8FBA
16.7%	16.7% #D47BAC	RGB 212 123 172	#D47BAC
33.3%	33.3% #CC689E	RGB 204 104 158	#CC689E
50.0%	50.0% #C45691	RGB 196 86 145	#C45691
66.7%	66.7% #BB4684	RGB 187 70 132	#BB4684
83.3%	83.3% #B33778	RGB 179 55 120	#B33778
100.0%	100.0% #AB296D	RGB 171 41 109	#AB296D

#DD8FBA #D47BAC #CC689E #C45691 #BB4684 #B33778 #AB296D

#DD8FBA - #C45691 - #AB296D

CSS codes

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

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