#82839C - #CDBCAD | 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 #82839C a #CDBCAD

#82839C #CDBCAD

Calcule el color entre dos colores, #82839C y #CDBCAD. 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)

#82839C - #CDBCAD | 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 #82839C como 0% y #CDBCAD como 100%.

0.0%	0.0% #82839C	RGB 130 131 156	#82839C
16.7%	16.7% #8E8C9E	RGB 142 140 158	#8E8C9E
33.3%	33.3% #9B96A1	RGB 155 150 161	#9B96A1
50.0%	50.0% #A79FA4	RGB 167 159 164	#A79FA4
66.7%	66.7% #B4A9A7	RGB 180 169 167	#B4A9A7
83.3%	83.3% #C0B2AA	RGB 192 178 170	#C0B2AA
100.0%	100.0% #CDBCAD	RGB 205 188 173	#CDBCAD

#82839C #8E8C9E #9B96A1 #A79FA4 #B4A9A7 #C0B2AA #CDBCAD

#82839C - #CDBCAD

Mezcla HSV

#82839C - #CDBCAD | 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 #82839C como 0% y #CDBCAD como 100%.

0.0%	0.0% #82839C	RGB 130 131 156	#82839C
16.7%	16.7% #9389A4	RGB 147 137 164	#9389A4
33.3%	33.3% #A690AC	RGB 166 144 172	#A690AC
50.0%	50.0% #B497AE	RGB 180 151 174	#B497AE
66.7%	66.7% #BC9EA9	RGB 188 158 169	#BC9EA9
83.3%	83.3% #C4A7A5	RGB 196 167 165	#C4A7A5
100.0%	100.0% #CDBCAD	RGB 205 188 173	#CDBCAD

#82839C #9389A4 #A690AC #B497AE #BC9EA9 #C4A7A5 #CDBCAD

#82839C - #B497AE - #CDBCAD

Códigos CSS

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

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