#895087 - #DDCDDC | 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 #895087 to #DDCDDC

#895087 #DDCDDC

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

#895087 - #DDCDDC | 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 #895087 as 0% and #DDCDDC as 100%.

0.0%	0.0% #895087	RGB 137 80 135	#895087
16.7%	16.7% #976495	RGB 151 100 149	#976495
33.3%	33.3% #A579A3	RGB 165 121 163	#A579A3
50.0%	50.0% #B38EB1	RGB 179 142 177	#B38EB1
66.7%	66.7% #C1A3BF	RGB 193 163 191	#C1A3BF
83.3%	83.3% #CFB8CD	RGB 207 184 205	#CFB8CD
100.0%	100.0% #DDCDDC	RGB 221 205 220	#DDCDDC

#895087 #976495 #A579A3 #B38EB1 #C1A3BF #CFB8CD #DDCDDC

#895087 - #DDCDDC

HSV Blend

#895087 - #DDCDDC | 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 #895087 as 0% and #DDCDDC as 100%.

0.0%	0.0% #895087	RGB 137 80 135	#895087
16.7%	16.7% #976094	RGB 151 96 148	#976094
33.3%	33.3% #A573A2	RGB 165 115 162	#A573A2
50.0%	50.0% #B387B0	RGB 179 135 176	#B387B0
66.7%	66.7% #C19CBF	RGB 193 156 191	#C19CBF
83.3%	83.3% #CFB4CD	RGB 207 180 205	#CFB4CD
100.0%	100.0% #DDCDDC	RGB 221 205 220	#DDCDDC

#895087 #976094 #A573A2 #B387B0 #C19CBF #CFB4CD #DDCDDC

#895087 - #B387B0 - #DDCDDC

CSS codes

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

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