#ADACAF - #FFDEB0 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #ADACAF a #FFDEB0

#ADACAF #FFDEB0

Calcule el color entre dos colores, #ADACAF y #FFDEB0. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#ADACAF - #FFDEB0 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #ADACAF como 0% y #FFDEB0 como 100%.

0.0%	0.0% #ADACAF	RGB 173 172 175	#ADACAF
16.7%	16.7% #BAB4AF	RGB 186 180 175	#BAB4AF
33.3%	33.3% #C8BCAF	RGB 200 188 175	#C8BCAF
50.0%	50.0% #D6C5AF	RGB 214 197 175	#D6C5AF
66.7%	66.7% #E3CDAF	RGB 227 205 175	#E3CDAF
83.3%	83.3% #F1D5AF	RGB 241 213 175	#F1D5AF
100.0%	100.0% #FFDEB0	RGB 255 222 176	#FFDEB0

#ADACAF #BAB4AF #C8BCAF #D6C5AF #E3CDAF #F1D5AF #FFDEB0

#ADACAF - #FFDEB0

Mezcla HSV

#ADACAF - #FFDEB0 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #ADACAF como 0% y #FFDEB0 como 100%.

0.0%	0.0% #ADACAF	RGB 173 172 175	#ADACAF
16.7%	16.7% #B8AFBC	RGB 184 175 188	#B8AFBC
33.3%	33.3% #C9B2C7	RGB 201 178 199	#C9B2C7
50.0%	50.0% #D7B3C6	RGB 215 179 198	#D7B3C6
66.7%	66.7% #E4B3BB	RGB 228 179 187	#E4B3BB
83.3%	83.3% #F1BFB2	RGB 241 191 178	#F1BFB2
100.0%	100.0% #FFDEB0	RGB 255 222 176	#FFDEB0

#ADACAF #B8AFBC #C9B2C7 #D7B3C6 #E4B3BB #F1BFB2 #FFDEB0

#ADACAF - #D7B3C6 - #FFDEB0

Códigos CSS

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

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