#DADBDA - #BDC68E | 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 #DADBDA to #BDC68E

#DADBDA #BDC68E

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

#DADBDA - #BDC68E | 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 #DADBDA as 0% and #BDC68E as 100%.

0.0%	0.0% #DADBDA	RGB 218 219 218	#DADBDA
16.7%	16.7% #D5D7CD	RGB 213 215 205	#D5D7CD
33.3%	33.3% #D0D4C0	RGB 208 212 192	#D0D4C0
50.0%	50.0% #CBD0B4	RGB 203 208 180	#CBD0B4
66.7%	66.7% #C6CDA7	RGB 198 205 167	#C6CDA7
83.3%	83.3% #C1C99A	RGB 193 201 154	#C1C99A
100.0%	100.0% #BDC68E	RGB 189 198 142	#BDC68E

#DADBDA #D5D7CD #D0D4C0 #CBD0B4 #C6CDA7 #C1C99A #BDC68E

#DADBDA - #BDC68E

HSV Blend

#DADBDA - #BDC68E | 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 #DADBDA as 0% and #BDC68E as 100%.

0.0%	0.0% #DADBDA	RGB 218 219 218	#DADBDA
16.7%	16.7% #CED7CC	RGB 206 215 204	#CED7CC
33.3%	33.3% #C5D4BF	RGB 197 212 191	#C5D4BF
50.0%	50.0% #BFD0B2	RGB 191 208 178	#BFD0B2
66.7%	66.7% #BBCDA6	RGB 187 205 166	#BBCDA6
83.3%	83.3% #BBC999	RGB 187 201 153	#BBC999
100.0%	100.0% #BDC68E	RGB 189 198 142	#BDC68E

#DADBDA #CED7CC #C5D4BF #BFD0B2 #BBCDA6 #BBC999 #BDC68E

#DADBDA - #BFD0B2 - #BDC68E

CSS codes

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

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