#CB2DAB - #FF9ED7 | 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 #CB2DAB to #FF9ED7

#CB2DAB #FF9ED7

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

#CB2DAB - #FF9ED7 | 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 #CB2DAB as 0% and #FF9ED7 as 100%.

0.0%	0.0% #CB2DAB	RGB 203 45 171	#CB2DAB
16.7%	16.7% #D33FB2	RGB 211 63 178	#D33FB2
33.3%	33.3% #DC52B9	RGB 220 82 185	#DC52B9
50.0%	50.0% #E565C1	RGB 229 101 193	#E565C1
66.7%	66.7% #ED78C8	RGB 237 120 200	#ED78C8
83.3%	83.3% #F68BCF	RGB 246 139 207	#F68BCF
100.0%	100.0% #FF9ED7	RGB 255 158 215	#FF9ED7

#CB2DAB #D33FB2 #DC52B9 #E565C1 #ED78C8 #F68BCF #FF9ED7

#CB2DAB - #FF9ED7

HSV Blend

#CB2DAB - #FF9ED7 | 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 #CB2DAB as 0% and #FF9ED7 as 100%.

0.0%	0.0% #CB2DAB	RGB 203 45 171	#CB2DAB
16.7%	16.7% #D33CAF	RGB 211 60 175	#D33CAF
33.3%	33.3% #DC4EB5	RGB 220 78 181	#DC4EB5
50.0%	50.0% #E560BC	RGB 229 96 188	#E560BC
66.7%	66.7% #ED73C3	RGB 237 115 195	#ED73C3
83.3%	83.3% #F688CC	RGB 246 136 204	#F688CC
100.0%	100.0% #FF9ED7	RGB 255 158 215	#FF9ED7

#CB2DAB #D33CAF #DC4EB5 #E560BC #ED73C3 #F688CC #FF9ED7

#CB2DAB - #E560BC - #FF9ED7

CSS codes

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

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