#A8BDC1 - #EBDFD0 | 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 #A8BDC1 a #EBDFD0

#A8BDC1 #EBDFD0

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

#A8BDC1 - #EBDFD0 | 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 #A8BDC1 como 0% y #EBDFD0 como 100%.

0.0%	0.0% #A8BDC1	RGB 168 189 193	#A8BDC1
16.7%	16.7% #B3C2C3	RGB 179 194 195	#B3C2C3
33.3%	33.3% #BEC8C6	RGB 190 200 198	#BEC8C6
50.0%	50.0% #C9CEC8	RGB 201 206 200	#C9CEC8
66.7%	66.7% #D4D3CB	RGB 212 211 203	#D4D3CB
83.3%	83.3% #DFD9CD	RGB 223 217 205	#DFD9CD
100.0%	100.0% #EBDFD0	RGB 235 223 208	#EBDFD0

#A8BDC1 #B3C2C3 #BEC8C6 #C9CEC8 #D4D3CB #DFD9CD #EBDFD0

#A8BDC1 - #EBDFD0

Mezcla HSV

#A8BDC1 - #EBDFD0 | 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 #A8BDC1 como 0% y #EBDFD0 como 100%.

0.0%	0.0% #A8BDC1	RGB 168 189 193	#A8BDC1
16.7%	16.7% #AEC8C1	RGB 174 200 193	#AEC8C1
33.3%	33.3% #B5CFBC	RGB 181 207 188	#B5CFBC
50.0%	50.0% #BFD6BB	RGB 191 214 187	#BFD6BB
66.7%	66.7% #D1DDC2	RGB 209 221 194	#D1DDC2
83.3%	83.3% #E4E3C9	RGB 228 227 201	#E4E3C9
100.0%	100.0% #EBDFD0	RGB 235 223 208	#EBDFD0

#A8BDC1 #AEC8C1 #B5CFBC #BFD6BB #D1DDC2 #E4E3C9 #EBDFD0

#A8BDC1 - #BFD6BB - #EBDFD0

Códigos CSS

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

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