#ABC6D5 - #E7E1DA | 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 #ABC6D5 a #E7E1DA

#ABC6D5 #E7E1DA

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

#ABC6D5 - #E7E1DA | 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 #ABC6D5 como 0% y #E7E1DA como 100%.

0.0%	0.0% #ABC6D5	RGB 171 198 213	#ABC6D5
16.7%	16.7% #B5CAD5	RGB 181 202 213	#B5CAD5
33.3%	33.3% #BFCFD6	RGB 191 207 214	#BFCFD6
50.0%	50.0% #C9D3D7	RGB 201 211 215	#C9D3D7
66.7%	66.7% #D3D8D8	RGB 211 216 216	#D3D8D8
83.3%	83.3% #DDDCD9	RGB 221 220 217	#DDDCD9
100.0%	100.0% #E7E1DA	RGB 231 225 218	#E7E1DA

#ABC6D5 #B5CAD5 #BFCFD6 #C9D3D7 #D3D8D8 #DDDCD9 #E7E1DA

#ABC6D5 - #E7E1DA

Mezcla HSV

#ABC6D5 - #E7E1DA | 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 #ABC6D5 como 0% y #E7E1DA como 100%.

0.0%	0.0% #ABC6D5	RGB 171 198 213	#ABC6D5
16.7%	16.7% #B2D8D3	RGB 178 216 211	#B2D8D3
33.3%	33.3% #BADBC7	RGB 186 219 199	#BADBC7
50.0%	50.0% #C3DEC1	RGB 195 222 193	#C3DEC1
66.7%	66.7% #D5E1C9	RGB 213 225 201	#D5E1C9
83.3%	83.3% #E3E4D1	RGB 227 228 209	#E3E4D1
100.0%	100.0% #E7E1DA	RGB 231 225 218	#E7E1DA

#ABC6D5 #B2D8D3 #BADBC7 #C3DEC1 #D5E1C9 #E3E4D1 #E7E1DA

#ABC6D5 - #C3DEC1 - #E7E1DA

Códigos CSS

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

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