#C23A6F - #BBAFEC | 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 #C23A6F to #BBAFEC

#C23A6F #BBAFEC

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

#C23A6F - #BBAFEC | 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 #C23A6F as 0% and #BBAFEC as 100%.

0.0%	0.0% #C23A6F	RGB 194 58 111	#C23A6F
16.7%	16.7% #C04D83	RGB 192 77 131	#C04D83
33.3%	33.3% #BF6198	RGB 191 97 152	#BF6198
50.0%	50.0% #BE74AD	RGB 190 116 173	#BE74AD
66.7%	66.7% #BD88C2	RGB 189 136 194	#BD88C2
83.3%	83.3% #BC9BD7	RGB 188 155 215	#BC9BD7
100.0%	100.0% #BBAFEC	RGB 187 175 236	#BBAFEC

#C23A6F #C04D83 #BF6198 #BE74AD #BD88C2 #BC9BD7 #BBAFEC

#C23A6F - #BBAFEC

HSV Blend

#C23A6F - #BBAFEC | 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 #C23A6F as 0% and #BBAFEC as 100%.

0.0%	0.0% #C23A6F	RGB 194 58 111	#C23A6F
16.7%	16.7% #C94A99	RGB 201 74 153	#C94A99
33.3%	33.3% #D05CBF	RGB 208 92 191	#D05CBF
50.0%	50.0% #CD6FD7	RGB 205 111 215	#CD6FD7
66.7%	66.7% #C083DE	RGB 192 131 222	#C083DE
83.3%	83.3% #B998E5	RGB 185 152 229	#B998E5
100.0%	100.0% #BBAFEC	RGB 187 175 236	#BBAFEC

#C23A6F #C94A99 #D05CBF #CD6FD7 #C083DE #B998E5 #BBAFEC

#C23A6F - #CD6FD7 - #BBAFEC

CSS codes

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

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