#CDBBCC - #A85B83 | 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 #CDBBCC to #A85B83

#CDBBCC #A85B83

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

#CDBBCC - #A85B83 | 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 #CDBBCC as 0% and #A85B83 as 100%.

0.0%	0.0% #CDBBCC	RGB 205 187 204	#CDBBCC
16.7%	16.7% #C6ABBF	RGB 198 171 191	#C6ABBF
33.3%	33.3% #C09BB3	RGB 192 155 179	#C09BB3
50.0%	50.0% #BA8BA7	RGB 186 139 167	#BA8BA7
66.7%	66.7% #B47B9B	RGB 180 123 155	#B47B9B
83.3%	83.3% #AE6B8F	RGB 174 107 143	#AE6B8F
100.0%	100.0% #A85B83	RGB 168 91 131	#A85B83

#CDBBCC #C6ABBF #C09BB3 #BA8BA7 #B47B9B #AE6B8F #A85B83

#CDBBCC - #A85B83

HSV Blend

#CDBBCC - #A85B83 | 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 #CDBBCC as 0% and #A85B83 as 100%.

0.0%	0.0% #CDBBCC	RGB 205 187 204	#CDBBCC
16.7%	16.7% #C6A9C3	RGB 198 169 195	#C6A9C3
33.3%	33.3% #C097B8	RGB 192 151 184	#C097B8
50.0%	50.0% #BA87AC	RGB 186 135 172	#BA87AC
66.7%	66.7% #B4779F	RGB 180 119 159	#B4779F
83.3%	83.3% #AE6991	RGB 174 105 145	#AE6991
100.0%	100.0% #A85B83	RGB 168 91 131	#A85B83

#CDBBCC #C6A9C3 #C097B8 #BA87AC #B4779F #AE6991 #A85B83

#CDBBCC - #BA87AC - #A85B83

CSS codes

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

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