#B3C8C9 - #FFC3FD | 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 #B3C8C9 to #FFC3FD

#B3C8C9 #FFC3FD

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

#B3C8C9 - #FFC3FD | 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 #B3C8C9 as 0% and #FFC3FD as 100%.

0.0%	0.0% #B3C8C9	RGB 179 200 201	#B3C8C9
16.7%	16.7% #BFC7D1	RGB 191 199 209	#BFC7D1
33.3%	33.3% #CCC6DA	RGB 204 198 218	#CCC6DA
50.0%	50.0% #D9C5E3	RGB 217 197 227	#D9C5E3
66.7%	66.7% #E5C4EB	RGB 229 196 235	#E5C4EB
83.3%	83.3% #F2C3F4	RGB 242 195 244	#F2C3F4
100.0%	100.0% #FFC3FD	RGB 255 195 253	#FFC3FD

#B3C8C9 #BFC7D1 #CCC6DA #D9C5E3 #E5C4EB #F2C3F4 #FFC3FD

#B3C8C9 - #FFC3FD

HSV Blend

#B3C8C9 - #FFC3FD | 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 #B3C8C9 as 0% and #FFC3FD as 100%.

0.0%	0.0% #B3C8C9	RGB 179 200 201	#B3C8C9
16.7%	16.7% #B6C7D2	RGB 182 199 210	#B6C7D2
33.3%	33.3% #B9C3DB	RGB 185 195 219	#B9C3DB
50.0%	50.0% #BEBCE4	RGB 190 188 228	#BEBCE4
66.7%	66.7% #D0BFED	RGB 208 191 237	#D0BFED
83.3%	83.3% #E6C1F6	RGB 230 193 246	#E6C1F6
100.0%	100.0% #FFC3FD	RGB 255 195 253	#FFC3FD

#B3C8C9 #B6C7D2 #B9C3DB #BEBCE4 #D0BFED #E6C1F6 #FFC3FD

#B3C8C9 - #BEBCE4 - #FFC3FD

CSS codes

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

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