#7E9AB4 - #CDB7FD | 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 #7E9AB4 to #CDB7FD

#7E9AB4 #CDB7FD

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

#7E9AB4 - #CDB7FD | 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 #7E9AB4 as 0% and #CDB7FD as 100%.

0.0%	0.0% #7E9AB4	RGB 126 154 180	#7E9AB4
16.7%	16.7% #8B9EC0	RGB 139 158 192	#8B9EC0
33.3%	33.3% #98A3CC	RGB 152 163 204	#98A3CC
50.0%	50.0% #A5A8D8	RGB 165 168 216	#A5A8D8
66.7%	66.7% #B2ADE4	RGB 178 173 228	#B2ADE4
83.3%	83.3% #BFB2F0	RGB 191 178 240	#BFB2F0
100.0%	100.0% #CDB7FD	RGB 205 183 253	#CDB7FD

#7E9AB4 #8B9EC0 #98A3CC #A5A8D8 #B2ADE4 #BFB2F0 #CDB7FD

#7E9AB4 - #CDB7FD

HSV Blend

#7E9AB4 - #CDB7FD | 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 #7E9AB4 as 0% and #CDB7FD as 100%.

0.0%	0.0% #7E9AB4	RGB 126 154 180	#7E9AB4
16.7%	16.7% #879CC0	RGB 135 156 192	#879CC0
33.3%	33.3% #909FCC	RGB 144 159 204	#909FCC
50.0%	50.0% #9AA0D8	RGB 154 160 216	#9AA0D8
66.7%	66.7% #A6A3E4	RGB 166 163 228	#A6A3E4
83.3%	83.3% #B9ADF0	RGB 185 173 240	#B9ADF0
100.0%	100.0% #CDB7FD	RGB 205 183 253	#CDB7FD

#7E9AB4 #879CC0 #909FCC #9AA0D8 #A6A3E4 #B9ADF0 #CDB7FD

#7E9AB4 - #9AA0D8 - #CDB7FD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E9AB4 0%, #9AA0D8 50%, #CDB7FD 100%);
    background: -webkit-linear-gradient(top, #7E9AB4 0%, #9AA0D8 50%, #CDB7FD 100%);
    background: linear-gradient(to bottom, #7E9AB4 0%, #9AA0D8 50%, #CDB7FD 100%);
}
</style>