#DDACDA - #B63F95 | 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 #DDACDA to #B63F95

#DDACDA #B63F95

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

#DDACDA - #B63F95 | 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 #DDACDA as 0% and #B63F95 as 100%.

0.0%	0.0% #DDACDA	RGB 221 172 218	#DDACDA
16.7%	16.7% #D699CE	RGB 214 153 206	#D699CE
33.3%	33.3% #D087C3	RGB 208 135 195	#D087C3
50.0%	50.0% #C975B7	RGB 201 117 183	#C975B7
66.7%	66.7% #C363AC	RGB 195 99 172	#C363AC
83.3%	83.3% #BC51A0	RGB 188 81 160	#BC51A0
100.0%	100.0% #B63F95	RGB 182 63 149	#B63F95

#DDACDA #D699CE #D087C3 #C975B7 #C363AC #BC51A0 #B63F95

#DDACDA - #B63F95

HSV Blend

#DDACDA - #B63F95 | 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 #DDACDA as 0% and #B63F95 as 100%.

0.0%	0.0% #DDACDA	RGB 221 172 218	#DDACDA
16.7%	16.7% #D697D0	RGB 214 151 208	#D697D0
33.3%	33.3% #D083C5	RGB 208 131 197	#D083C5
50.0%	50.0% #C971BA	RGB 201 113 186	#C971BA
66.7%	66.7% #C35FAE	RGB 195 95 174	#C35FAE
83.3%	83.3% #BC4EA2	RGB 188 78 162	#BC4EA2
100.0%	100.0% #B63F95	RGB 182 63 149	#B63F95

#DDACDA #D697D0 #D083C5 #C971BA #C35FAE #BC4EA2 #B63F95

#DDACDA - #C971BA - #B63F95

CSS codes

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

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