#DB8EB6 - #A82A68 | 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 #DB8EB6 to #A82A68

#DB8EB6 #A82A68

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

#DB8EB6 - #A82A68 | 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 #DB8EB6 as 0% and #A82A68 as 100%.

0.0%	0.0% #DB8EB6	RGB 219 142 182	#DB8EB6
16.7%	16.7% #D27DA9	RGB 210 125 169	#D27DA9
33.3%	33.3% #CA6C9C	RGB 202 108 156	#CA6C9C
50.0%	50.0% #C15C8F	RGB 193 92 143	#C15C8F
66.7%	66.7% #B94B82	RGB 185 75 130	#B94B82
83.3%	83.3% #B03A75	RGB 176 58 117	#B03A75
100.0%	100.0% #A82A68	RGB 168 42 104	#A82A68

#DB8EB6 #D27DA9 #CA6C9C #C15C8F #B94B82 #B03A75 #A82A68

#DB8EB6 - #A82A68

HSV Blend

#DB8EB6 - #A82A68 | 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 #DB8EB6 as 0% and #A82A68 as 100%.

0.0%	0.0% #DB8EB6	RGB 219 142 182	#DB8EB6
16.7%	16.7% #D27AA7	RGB 210 122 167	#D27AA7
33.3%	33.3% #CA689A	RGB 202 104 154	#CA689A
50.0%	50.0% #C1568C	RGB 193 86 140	#C1568C
66.7%	66.7% #B94680	RGB 185 70 128	#B94680
83.3%	83.3% #B03773	RGB 176 55 115	#B03773
100.0%	100.0% #A82A68	RGB 168 42 104	#A82A68

#DB8EB6 #D27AA7 #CA689A #C1568C #B94680 #B03773 #A82A68

#DB8EB6 - #C1568C - #A82A68

CSS codes

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

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