#A2D9D9 - #D0E1C3 | 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 #A2D9D9 a #D0E1C3

#A2D9D9 #D0E1C3

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

#A2D9D9 - #D0E1C3 | 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 #A2D9D9 como 0% y #D0E1C3 como 100%.

0.0%	0.0% #A2D9D9	RGB 162 217 217	#A2D9D9
16.7%	16.7% #A9DAD5	RGB 169 218 213	#A9DAD5
33.3%	33.3% #B1DBD1	RGB 177 219 209	#B1DBD1
50.0%	50.0% #B9DDCE	RGB 185 221 206	#B9DDCE
66.7%	66.7% #C0DECA	RGB 192 222 202	#C0DECA
83.3%	83.3% #C8DFC6	RGB 200 223 198	#C8DFC6
100.0%	100.0% #D0E1C3	RGB 208 225 195	#D0E1C3

#A2D9D9 #A9DAD5 #B1DBD1 #B9DDCE #C0DECA #C8DFC6 #D0E1C3

#A2D9D9 - #D0E1C3

Mezcla HSV

#A2D9D9 - #D0E1C3 | 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 #A2D9D9 como 0% y #D0E1C3 como 100%.

0.0%	0.0% #A2D9D9	RGB 162 217 217	#A2D9D9
16.7%	16.7% #A7DACE	RGB 167 218 206	#A7DACE
33.3%	33.3% #ACDBC5	RGB 172 219 197	#ACDBC5
50.0%	50.0% #B2DDBE	RGB 178 221 190	#B2DDBE
66.7%	66.7% #B7DEB9	RGB 183 222 185	#B7DEB9
83.3%	83.3% #C4DFBD	RGB 196 223 189	#C4DFBD
100.0%	100.0% #D0E1C3	RGB 208 225 195	#D0E1C3

#A2D9D9 #A7DACE #ACDBC5 #B2DDBE #B7DEB9 #C4DFBD #D0E1C3

#A2D9D9 - #B2DDBE - #D0E1C3

Códigos CSS

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

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