#C699A8 - #FFDDBE | 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 #C699A8 to #FFDDBE

#C699A8 #FFDDBE

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

#C699A8 - #FFDDBE | 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 #C699A8 as 0% and #FFDDBE as 100%.

0.0%	0.0% #C699A8	RGB 198 153 168	#C699A8
16.7%	16.7% #CFA4AB	RGB 207 164 171	#CFA4AB
33.3%	33.3% #D9AFAF	RGB 217 175 175	#D9AFAF
50.0%	50.0% #E2BBB3	RGB 226 187 179	#E2BBB3
66.7%	66.7% #ECC6B6	RGB 236 198 182	#ECC6B6
83.3%	83.3% #F5D1BA	RGB 245 209 186	#F5D1BA
100.0%	100.0% #FFDDBE	RGB 255 221 190	#FFDDBE

#C699A8 #CFA4AB #D9AFAF #E2BBB3 #ECC6B6 #F5D1BA #FFDDBE

#C699A8 - #FFDDBE

HSV Blend

#C699A8 - #FFDDBE | 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 #C699A8 as 0% and #FFDDBE as 100%.

0.0%	0.0% #C699A8	RGB 198 153 168	#C699A8
16.7%	16.7% #CF9FA8	RGB 207 159 168	#CF9FA8
33.3%	33.3% #D9A5A8	RGB 217 165 168	#D9A5A8
50.0%	50.0% #E2AFAB	RGB 226 175 171	#E2AFAB
66.7%	66.7% #ECBEB2	RGB 236 190 178	#ECBEB2
83.3%	83.3% #F5CDB8	RGB 245 205 184	#F5CDB8
100.0%	100.0% #FFDDBE	RGB 255 221 190	#FFDDBE

#C699A8 #CF9FA8 #D9A5A8 #E2AFAB #ECBEB2 #F5CDB8 #FFDDBE

#C699A8 - #E2AFAB - #FFDDBE

CSS codes

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

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