#82879B - #DBDCE2 | 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 #82879B a #DBDCE2

#82879B #DBDCE2

Calcule el color entre dos colores, #82879B y #DBDCE2. 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)

#82879B - #DBDCE2 | 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 #82879B como 0% y #DBDCE2 como 100%.

0.0%	0.0% #82879B	RGB 130 135 155	#82879B
16.7%	16.7% #9095A6	RGB 144 149 166	#9095A6
33.3%	33.3% #9FA3B2	RGB 159 163 178	#9FA3B2
50.0%	50.0% #AEB1BE	RGB 174 177 190	#AEB1BE
66.7%	66.7% #BDBFCA	RGB 189 191 202	#BDBFCA
83.3%	83.3% #CCCDD6	RGB 204 205 214	#CCCDD6
100.0%	100.0% #DBDCE2	RGB 219 220 226	#DBDCE2

#82879B #9095A6 #9FA3B2 #AEB1BE #BDBFCA #CCCDD6 #DBDCE2

#82879B - #DBDCE2

Mezcla HSV

#82879B - #DBDCE2 | 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 #82879B como 0% y #DBDCE2 como 100%.

0.0%	0.0% #82879B	RGB 130 135 155	#82879B
16.7%	16.7% #8F93A6	RGB 143 147 166	#8F93A6
33.3%	33.3% #9DA1B2	RGB 157 161 178	#9DA1B2
50.0%	50.0% #ACAFBE	RGB 172 175 190	#ACAFBE
66.7%	66.7% #BBBDCA	RGB 187 189 202	#BBBDCA
83.3%	83.3% #CACCD6	RGB 202 204 214	#CACCD6
100.0%	100.0% #DBDCE2	RGB 219 220 226	#DBDCE2

#82879B #8F93A6 #9DA1B2 #ACAFBE #BBBDCA #CACCD6 #DBDCE2

#82879B - #ACAFBE - #DBDCE2

Códigos CSS

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

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