#A8C6CD - #E2D8D4 | 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 #A8C6CD a #E2D8D4

#A8C6CD #E2D8D4

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

#A8C6CD - #E2D8D4 | 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 #A8C6CD como 0% y #E2D8D4 como 100%.

0.0%	0.0% #A8C6CD	RGB 168 198 205	#A8C6CD
16.7%	16.7% #B1C9CE	RGB 177 201 206	#B1C9CE
33.3%	33.3% #BBCCCF	RGB 187 204 207	#BBCCCF
50.0%	50.0% #C5CFD0	RGB 197 207 208	#C5CFD0
66.7%	66.7% #CED2D1	RGB 206 210 209	#CED2D1
83.3%	83.3% #D8D5D2	RGB 216 213 210	#D8D5D2
100.0%	100.0% #E2D8D4	RGB 226 216 212	#E2D8D4

#A8C6CD #B1C9CE #BBCCCF #C5CFD0 #CED2D1 #D8D5D2 #E2D8D4

#A8C6CD - #E2D8D4

Mezcla HSV

#A8C6CD - #E2D8D4 | 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 #A8C6CD como 0% y #E2D8D4 como 100%.

0.0%	0.0% #A8C6CD	RGB 168 198 205	#A8C6CD
16.7%	16.7% #AED0C6	RGB 174 208 198	#AED0C6
33.3%	33.3% #B6D4BC	RGB 182 212 188	#B6D4BC
50.0%	50.0% #C4D7BD	RGB 196 215 189	#C4D7BD
66.7%	66.7% #D5DBC4	RGB 213 219 196	#D5DBC4
83.3%	83.3% #DEDACC	RGB 222 218 204	#DEDACC
100.0%	100.0% #E2D8D4	RGB 226 216 212	#E2D8D4

#A8C6CD #AED0C6 #B6D4BC #C4D7BD #D5DBC4 #DEDACC #E2D8D4

#A8C6CD - #C4D7BD - #E2D8D4

Códigos CSS

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

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