#CB7BDA - #FBCDCD | 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 #CB7BDA to #FBCDCD

#CB7BDA #FBCDCD

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

#CB7BDA - #FBCDCD | 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 #CB7BDA as 0% and #FBCDCD as 100%.

0.0%	0.0% #CB7BDA	RGB 203 123 218	#CB7BDA
16.7%	16.7% #D388D7	RGB 211 136 215	#D388D7
33.3%	33.3% #DB96D5	RGB 219 150 213	#DB96D5
50.0%	50.0% #E3A4D3	RGB 227 164 211	#E3A4D3
66.7%	66.7% #EBB1D1	RGB 235 177 209	#EBB1D1
83.3%	83.3% #F3BFCF	RGB 243 191 207	#F3BFCF
100.0%	100.0% #FBCDCD	RGB 251 205 205	#FBCDCD

#CB7BDA #D388D7 #DB96D5 #E3A4D3 #EBB1D1 #F3BFCF #FBCDCD

#CB7BDA - #FBCDCD

HSV Blend

#CB7BDA - #FBCDCD | 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 #CB7BDA as 0% and #FBCDCD as 100%.

0.0%	0.0% #CB7BDA	RGB 203 123 218	#CB7BDA
16.7%	16.7% #DF87DC	RGB 223 135 220	#DF87DC
33.3%	33.3% #E594D2	RGB 229 148 210	#E594D2
50.0%	50.0% #EAA1CB	RGB 234 161 203	#EAA1CB
66.7%	66.7% #F0AFC8	RGB 240 175 200	#F0AFC8
83.3%	83.3% #F5BEC8	RGB 245 190 200	#F5BEC8
100.0%	100.0% #FBCDCD	RGB 251 205 205	#FBCDCD

#CB7BDA #DF87DC #E594D2 #EAA1CB #F0AFC8 #F5BEC8 #FBCDCD

#CB7BDA - #EAA1CB - #FBCDCD

CSS codes

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

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