#CDAFD7 - #795094 | 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 #CDAFD7 to #795094

#CDAFD7 #795094

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

#CDAFD7 - #795094 | 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 #CDAFD7 as 0% and #795094 as 100%.

0.0%	0.0% #CDAFD7	RGB 205 175 215	#CDAFD7
16.7%	16.7% #BF9FCB	RGB 191 159 203	#BF9FCB
33.3%	33.3% #B18FC0	RGB 177 143 192	#B18FC0
50.0%	50.0% #A37FB5	RGB 163 127 181	#A37FB5
66.7%	66.7% #956FAA	RGB 149 111 170	#956FAA
83.3%	83.3% #875F9F	RGB 135 95 159	#875F9F
100.0%	100.0% #795094	RGB 121 80 148	#795094

#CDAFD7 #BF9FCB #B18FC0 #A37FB5 #956FAA #875F9F #795094

#CDAFD7 - #795094

HSV Blend

#CDAFD7 - #795094 | 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 #CDAFD7 as 0% and #795094 as 100%.

0.0%	0.0% #CDAFD7	RGB 205 175 215	#CDAFD7
16.7%	16.7% #BE9CCB	RGB 190 156 203	#BE9CCB
33.3%	33.3% #B08BC0	RGB 176 139 192	#B08BC0
50.0%	50.0% #A27AB5	RGB 162 122 181	#A27AB5
66.7%	66.7% #946BAA	RGB 148 107 170	#946BAA
83.3%	83.3% #865D9F	RGB 134 93 159	#865D9F
100.0%	100.0% #795094	RGB 121 80 148	#795094

#CDAFD7 #BE9CCB #B08BC0 #A27AB5 #946BAA #865D9F #795094

#CDAFD7 - #A27AB5 - #795094

CSS codes

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

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