#AF1B56 - #CDADF0 | 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 #AF1B56 to #CDADF0

#AF1B56 #CDADF0

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

#AF1B56 - #CDADF0 | 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 #AF1B56 as 0% and #CDADF0 as 100%.

0.0%	0.0% #AF1B56	RGB 175 27 86	#AF1B56
16.7%	16.7% #B4336F	RGB 180 51 111	#B4336F
33.3%	33.3% #B94B89	RGB 185 75 137	#B94B89
50.0%	50.0% #BE64A3	RGB 190 100 163	#BE64A3
66.7%	66.7% #C37CBC	RGB 195 124 188	#C37CBC
83.3%	83.3% #C894D6	RGB 200 148 214	#C894D6
100.0%	100.0% #CDADF0	RGB 205 173 240	#CDADF0

#AF1B56 #B4336F #B94B89 #BE64A3 #C37CBC #C894D6 #CDADF0

#AF1B56 - #CDADF0

HSV Blend

#AF1B56 - #CDADF0 | 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 #AF1B56 as 0% and #CDADF0 as 100%.

0.0%	0.0% #AF1B55	RGB 175 27 85	#AF1B55
16.7%	16.7% #B92E80	RGB 185 46 128	#B92E80
33.3%	33.3% #C443A7	RGB 196 67 167	#C443A7
50.0%	50.0% #CF5ACA	RGB 207 90 202	#CF5ACA
66.7%	66.7% #CB74DA	RGB 203 116 218	#CB74DA
83.3%	83.3% #C88FE5	RGB 200 143 229	#C88FE5
100.0%	100.0% #CDADF0	RGB 205 173 240	#CDADF0

#AF1B55 #B92E80 #C443A7 #CF5ACA #CB74DA #C88FE5 #CDADF0

#AF1B56 - #CF5ACA - #CDADF0

CSS codes

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

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