#8F88B7 - #FFCDBD | 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 #8F88B7 to #FFCDBD

#8F88B7 #FFCDBD

Calculate the color between two colors, #8F88B7 and #FFCDBD. 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)

#8F88B7 - #FFCDBD | 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 #8F88B7 as 0% and #FFCDBD as 100%.

0.0%	0.0% #8F88B7	RGB 143 136 183	#8F88B7
16.7%	16.7% #A193B8	RGB 161 147 184	#A193B8
33.3%	33.3% #B49FB9	RGB 180 159 185	#B49FB9
50.0%	50.0% #C7AABA	RGB 199 170 186	#C7AABA
66.7%	66.7% #D9B6BB	RGB 217 182 187	#D9B6BB
83.3%	83.3% #ECC1BC	RGB 236 193 188	#ECC1BC
100.0%	100.0% #FFCDBD	RGB 255 205 189	#FFCDBD

#8F88B7 #A193B8 #B49FB9 #C7AABA #D9B6BB #ECC1BC #FFCDBD

#8F88B7 - #FFCDBD

HSV Blend

#8F88B7 - #FFCDBD | 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 #8F88B7 as 0% and #FFCDBD as 100%.

0.0%	0.0% #8F88B7	RGB 143 136 183	#8F88B7
16.7%	16.7% #A990C3	RGB 169 144 195	#A990C3
33.3%	33.3% #C699CF	RGB 198 153 207	#C699CF
50.0%	50.0% #DBA2CF	RGB 219 162 207	#DBA2CF
66.7%	66.7% #E7ABC6	RGB 231 171 198	#E7ABC6
83.3%	83.3% #F3B4BA	RGB 243 180 186	#F3B4BA
100.0%	100.0% #FFCDBD	RGB 255 205 189	#FFCDBD

#8F88B7 #A990C3 #C699CF #DBA2CF #E7ABC6 #F3B4BA #FFCDBD

#8F88B7 - #DBA2CF - #FFCDBD

CSS codes

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

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