#A8C9AB - #DFD0DC | 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 #A8C9AB a #DFD0DC

#A8C9AB #DFD0DC

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

#A8C9AB - #DFD0DC | 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 #A8C9AB como 0% y #DFD0DC como 100%.

0.0%	0.0% #A8C9AB	RGB 168 201 171	#A8C9AB
16.7%	16.7% #B1CAB3	RGB 177 202 179	#B1CAB3
33.3%	33.3% #BACBBB	RGB 186 203 187	#BACBBB
50.0%	50.0% #C3CCC3	RGB 195 204 195	#C3CCC3
66.7%	66.7% #CCCDCB	RGB 204 205 203	#CCCDCB
83.3%	83.3% #D5CED3	RGB 213 206 211	#D5CED3
100.0%	100.0% #DFD0DC	RGB 223 208 220	#DFD0DC

#A8C9AB #B1CAB3 #BACBBB #C3CCC3 #CCCDCB #D5CED3 #DFD0DC

#A8C9AB - #DFD0DC

Mezcla HSV

#A8C9AB - #DFD0DC | 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 #A8C9AB como 0% y #DFD0DC como 100%.

0.0%	0.0% #A8C9AB	RGB 168 201 171	#A8C9AB
16.7%	16.7% #BACCAE	RGB 186 204 174	#BACCAE
33.3%	33.3% #CCD0B4	RGB 204 208 180	#CCD0B4
50.0%	50.0% #D4CBBB	RGB 212 203 187	#D4CBBB
66.7%	66.7% #D7C5C2	RGB 215 197 194	#D7C5C2
83.3%	83.3% #DBC9CE	RGB 219 201 206	#DBC9CE
100.0%	100.0% #DFD0DC	RGB 223 208 220	#DFD0DC

#A8C9AB #BACCAE #CCD0B4 #D4CBBB #D7C5C2 #DBC9CE #DFD0DC

#A8C9AB - #D4CBBB - #DFD0DC

Códigos CSS

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

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