#CFBADB - #7E5D99 | 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 #CFBADB to #7E5D99

#CFBADB #7E5D99

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

#CFBADB - #7E5D99 | 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 #CFBADB as 0% and #7E5D99 as 100%.

0.0%	0.0% #CFBADB	RGB 207 186 219	#CFBADB
16.7%	16.7% #C1AAD0	RGB 193 170 208	#C1AAD0
33.3%	33.3% #B49BC5	RGB 180 155 197	#B49BC5
50.0%	50.0% #A68BBA	RGB 166 139 186	#A68BBA
66.7%	66.7% #997CAF	RGB 153 124 175	#997CAF
83.3%	83.3% #8B6CA4	RGB 139 108 164	#8B6CA4
100.0%	100.0% #7E5D99	RGB 126 93 153	#7E5D99

#CFBADB #C1AAD0 #B49BC5 #A68BBA #997CAF #8B6CA4 #7E5D99

#CFBADB - #7E5D99

HSV Blend

#CFBADB - #7E5D99 | 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 #CFBADB as 0% and #7E5D99 as 100%.

0.0%	0.0% #CFBADB	RGB 207 186 219	#CFBADB
16.7%	16.7% #C0A8D0	RGB 192 168 208	#C0A8D0
33.3%	33.3% #B397C5	RGB 179 151 197	#B397C5
50.0%	50.0% #A587BA	RGB 165 135 186	#A587BA
66.7%	66.7% #9878AF	RGB 152 120 175	#9878AF
83.3%	83.3% #8A6AA4	RGB 138 106 164	#8A6AA4
100.0%	100.0% #7E5D99	RGB 126 93 153	#7E5D99

#CFBADB #C0A8D0 #B397C5 #A587BA #9878AF #8A6AA4 #7E5D99

#CFBADB - #A587BA - #7E5D99

CSS codes

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

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