#A8BBCD - #E2DDD4 | 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 #A8BBCD a #E2DDD4

#A8BBCD #E2DDD4

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

#A8BBCD - #E2DDD4 | 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 #A8BBCD como 0% y #E2DDD4 como 100%.

0.0%	0.0% #A8BBCD	RGB 168 187 205	#A8BBCD
16.7%	16.7% #B1C0CE	RGB 177 192 206	#B1C0CE
33.3%	33.3% #BBC6CF	RGB 187 198 207	#BBC6CF
50.0%	50.0% #C5CCD0	RGB 197 204 208	#C5CCD0
66.7%	66.7% #CED1D1	RGB 206 209 209	#CED1D1
83.3%	83.3% #D8D7D2	RGB 216 215 210	#D8D7D2
100.0%	100.0% #E2DDD4	RGB 226 221 212	#E2DDD4

#A8BBCD #B1C0CE #BBC6CF #C5CCD0 #CED1D1 #D8D7D2 #E2DDD4

#A8BBCD - #E2DDD4

Mezcla HSV

#A8BBCD - #E2DDD4 | 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 #A8BBCD como 0% y #E2DDD4 como 100%.

0.0%	0.0% #A8BBCD	RGB 168 187 205	#A8BBCD
16.7%	16.7% #AED0D0	RGB 174 208 208	#AED0D0
33.3%	33.3% #B6D4C6	RGB 182 212 198	#B6D4C6
50.0%	50.0% #BDD7BF	RGB 189 215 191	#BDD7BF
66.7%	66.7% #CDDBC4	RGB 205 219 196	#CDDBC4
83.3%	83.3% #DCDECC	RGB 220 222 204	#DCDECC
100.0%	100.0% #E2DDD4	RGB 226 221 212	#E2DDD4

#A8BBCD #AED0D0 #B6D4C6 #BDD7BF #CDDBC4 #DCDECC #E2DDD4

#A8BBCD - #BDD7BF - #E2DDD4

Códigos CSS

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

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