#C072B7 - #F8CED8 | 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 #C072B7 to #F8CED8

#C072B7 #F8CED8

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

#C072B7 - #F8CED8 | 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 #C072B7 as 0% and #F8CED8 as 100%.

0.0%	0.0% #C072B7	RGB 192 114 183	#C072B7
16.7%	16.7% #C981BC	RGB 201 129 188	#C981BC
33.3%	33.3% #D290C2	RGB 210 144 194	#D290C2
50.0%	50.0% #DCA0C7	RGB 220 160 199	#DCA0C7
66.7%	66.7% #E5AFCD	RGB 229 175 205	#E5AFCD
83.3%	83.3% #EEBED2	RGB 238 190 210	#EEBED2
100.0%	100.0% #F8CED8	RGB 248 206 216	#F8CED8

#C072B7 #C981BC #D290C2 #DCA0C7 #E5AFCD #EEBED2 #F8CED8

#C072B7 - #F8CED8

HSV Blend

#C072B7 - #F8CED8 | 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 #C072B7 as 0% and #F8CED8 as 100%.

0.0%	0.0% #C072B6	RGB 192 114 182	#C072B6
16.7%	16.7% #C97FB8	RGB 201 127 184	#C97FB8
33.3%	33.3% #D28DBB	RGB 210 141 187	#D28DBB
50.0%	50.0% #DC9CC0	RGB 220 156 192	#DC9CC0
66.7%	66.7% #E5ACC6	RGB 229 172 198	#E5ACC6
83.3%	83.3% #EEBCCE	RGB 238 188 206	#EEBCCE
100.0%	100.0% #F8CED8	RGB 248 206 216	#F8CED8

#C072B6 #C97FB8 #D28DBB #DC9CC0 #E5ACC6 #EEBCCE #F8CED8

#C072B7 - #DC9CC0 - #F8CED8

CSS codes

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

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