#BEC2D9 - #695E98 | 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 #BEC2D9 to #695E98

#BEC2D9 #695E98

Calculate the color between two colors, #BEC2D9 and #695E98. 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)

#BEC2D9 - #695E98 | 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 #BEC2D9 as 0% and #695E98 as 100%.

0.0%	0.0% #BEC2D9	RGB 190 194 217	#BEC2D9
16.7%	16.7% #AFB1CE	RGB 175 177 206	#AFB1CE
33.3%	33.3% #A1A0C3	RGB 161 160 195	#A1A0C3
50.0%	50.0% #9390B8	RGB 147 144 184	#9390B8
66.7%	66.7% #857FAD	RGB 133 127 173	#857FAD
83.3%	83.3% #776EA2	RGB 119 110 162	#776EA2
100.0%	100.0% #695E98	RGB 105 94 152	#695E98

#BEC2D9 #AFB1CE #A1A0C3 #9390B8 #857FAD #776EA2 #695E98

#BEC2D9 - #695E98

HSV Blend

#BEC2D9 - #695E98 | 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 #BEC2D9 as 0% and #695E98 as 100%.

0.0%	0.0% #BEC2D9	RGB 190 194 217	#BEC2D9
16.7%	16.7% #ABAECE	RGB 171 174 206	#ABAECE
33.3%	33.3% #9A9BC3	RGB 154 155 195	#9A9BC3
50.0%	50.0% #8A89B8	RGB 138 137 184	#8A89B8
66.7%	66.7% #7E7AAD	RGB 126 122 173	#7E7AAD
83.3%	83.3% #736BA2	RGB 115 107 162	#736BA2
100.0%	100.0% #695E98	RGB 105 94 152	#695E98

#BEC2D9 #ABAECE #9A9BC3 #8A89B8 #7E7AAD #736BA2 #695E98

#BEC2D9 - #8A89B8 - #695E98

CSS codes

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

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