#89379F - #DDC5E3 | 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 #89379F to #DDC5E3

#89379F #DDC5E3

Calculate the color between two colors, #89379F and #DDC5E3. 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)

#89379F - #DDC5E3 | 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 #89379F as 0% and #DDC5E3 as 100%.

0.0%	0.0% #89379F	RGB 137 55 159	#89379F
16.7%	16.7% #974EAA	RGB 151 78 170	#974EAA
33.3%	33.3% #A566B5	RGB 165 102 181	#A566B5
50.0%	50.0% #B37EC1	RGB 179 126 193	#B37EC1
66.7%	66.7% #C195CC	RGB 193 149 204	#C195CC
83.3%	83.3% #CFADD7	RGB 207 173 215	#CFADD7
100.0%	100.0% #DDC5E3	RGB 221 197 227	#DDC5E3

#89379F #974EAA #A566B5 #B37EC1 #C195CC #CFADD7 #DDC5E3

#89379F - #DDC5E3

HSV Blend

#89379F - #DDC5E3 | 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 #89379F as 0% and #DDC5E3 as 100%.

0.0%	0.0% #89379F	RGB 137 55 159	#89379F
16.7%	16.7% #9649AA	RGB 150 73 170	#9649AA
33.3%	33.3% #A35EB5	RGB 163 94 181	#A35EB5
50.0%	50.0% #B175C1	RGB 177 117 193	#B175C1
66.7%	66.7% #BF8DCC	RGB 191 141 204	#BF8DCC
83.3%	83.3% #CEA8D7	RGB 206 168 215	#CEA8D7
100.0%	100.0% #DDC5E3	RGB 221 197 227	#DDC5E3

#89379F #9649AA #A35EB5 #B175C1 #BF8DCC #CEA8D7 #DDC5E3

#89379F - #B175C1 - #DDC5E3

CSS codes

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

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