#AAABC6 - #D8D5CB | 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 #AAABC6 a #D8D5CB

#AAABC6 #D8D5CB

Calcule el color entre dos colores, #AAABC6 y #D8D5CB. 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)

#AAABC6 - #D8D5CB | 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 #AAABC6 como 0% y #D8D5CB como 100%.

0.0%	0.0% #AAABC6	RGB 170 171 198	#AAABC6
16.7%	16.7% #B1B2C6	RGB 177 178 198	#B1B2C6
33.3%	33.3% #B9B9C7	RGB 185 185 199	#B9B9C7
50.0%	50.0% #C1C0C8	RGB 193 192 200	#C1C0C8
66.7%	66.7% #C8C7C9	RGB 200 199 201	#C8C7C9
83.3%	83.3% #D0CECA	RGB 208 206 202	#D0CECA
100.0%	100.0% #D8D5CB	RGB 216 213 203	#D8D5CB

#AAABC6 #B1B2C6 #B9B9C7 #C1C0C8 #C8C7C9 #D0CECA #D8D5CB

#AAABC6 - #D8D5CB

Mezcla HSV

#AAABC6 - #D8D5CB | 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 #AAABC6 como 0% y #D8D5CB como 100%.

0.0%	0.0% #AAABC6	RGB 170 171 198	#AAABC6
16.7%	16.7% #BAAFC9	RGB 186 175 201	#BAAFC9
33.3%	33.3% #C9B4CC	RGB 201 180 204	#C9B4CC
50.0%	50.0% #CFBAC7	RGB 207 186 199	#CFBAC7
66.7%	66.7% #D2BFC2	RGB 210 191 194	#D2BFC2
83.3%	83.3% #D5CAC5	RGB 213 202 197	#D5CAC5
100.0%	100.0% #D8D5CB	RGB 216 213 203	#D8D5CB

#AAABC6 #BAAFC9 #C9B4CC #CFBAC7 #D2BFC2 #D5CAC5 #D8D5CB

#AAABC6 - #CFBAC7 - #D8D5CB

Códigos CSS

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

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