#A6A8C2 - #D8D3C8 | 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 #A6A8C2 a #D8D3C8

#A6A8C2 #D8D3C8

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

#A6A8C2 - #D8D3C8 | 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 #A6A8C2 como 0% y #D8D3C8 como 100%.

0.0%	0.0% #A6A8C2	RGB 166 168 194	#A6A8C2
16.7%	16.7% #AEAFC3	RGB 174 175 195	#AEAFC3
33.3%	33.3% #B6B6C4	RGB 182 182 196	#B6B6C4
50.0%	50.0% #BFBDC5	RGB 191 189 197	#BFBDC5
66.7%	66.7% #C7C4C6	RGB 199 196 198	#C7C4C6
83.3%	83.3% #CFCBC7	RGB 207 203 199	#CFCBC7
100.0%	100.0% #D8D3C8	RGB 216 211 200	#D8D3C8

#A6A8C2 #AEAFC3 #B6B6C4 #BFBDC5 #C7C4C6 #CFCBC7 #D8D3C8

#A6A8C2 - #D8D3C8

Mezcla HSV

#A6A8C2 - #D8D3C8 | 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 #A6A8C2 como 0% y #D8D3C8 como 100%.

0.0%	0.0% #A6A8C2	RGB 166 168 194	#A6A8C2
16.7%	16.7% #B5ABC5	RGB 181 171 197	#B5ABC5
33.3%	33.3% #C5B0C9	RGB 197 176 201	#C5B0C9
50.0%	50.0% #CDB6C6	RGB 205 182 198	#CDB6C6
66.7%	66.7% #D0BCC1	RGB 208 188 193	#D0BCC1
83.3%	83.3% #D4C6C2	RGB 212 198 194	#D4C6C2
100.0%	100.0% #D8D3C8	RGB 216 211 200	#D8D3C8

#A6A8C2 #B5ABC5 #C5B0C9 #CDB6C6 #D0BCC1 #D4C6C2 #D8D3C8

#A6A8C2 - #CDB6C6 - #D8D3C8

Códigos CSS

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

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