#B2AFB6 - #695A8C | 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 #B2AFB6 a #695A8C

#B2AFB6 #695A8C

Calcule el color entre dos colores, #B2AFB6 y #695A8C. 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)

#B2AFB6 - #695A8C | 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 #B2AFB6 como 0% y #695A8C como 100%.

0.0%	0.0% #B2AFB6	RGB 178 175 182	#B2AFB6
16.7%	16.7% #A5A0AF	RGB 165 160 175	#A5A0AF
33.3%	33.3% #9992A8	RGB 153 146 168	#9992A8
50.0%	50.0% #8D84A1	RGB 141 132 161	#8D84A1
66.7%	66.7% #81769A	RGB 129 118 154	#81769A
83.3%	83.3% #756893	RGB 117 104 147	#756893
100.0%	100.0% #695A8C	RGB 105 90 140	#695A8C

#B2AFB6 #A5A0AF #9992A8 #8D84A1 #81769A #756893 #695A8C

#B2AFB6 - #695A8C

Mezcla HSV

#B2AFB6 - #695A8C | 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 #B2AFB6 como 0% y #695A8C como 100%.

0.0%	0.0% #B2AFB6	RGB 178 175 182	#B2AFB6
16.7%	16.7% #A59EAF	RGB 165 158 175	#A59EAF
33.3%	33.3% #998FA8	RGB 153 143 168	#998FA8
50.0%	50.0% #8C81A1	RGB 140 129 161	#8C81A1
66.7%	66.7% #80739A	RGB 128 115 154	#80739A
83.3%	83.3% #746693	RGB 116 102 147	#746693
100.0%	100.0% #695A8C	RGB 105 90 140	#695A8C

#B2AFB6 #A59EAF #998FA8 #8C81A1 #80739A #746693 #695A8C

#B2AFB6 - #8C81A1 - #695A8C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2AFB6 0%, #8C81A1 50%, #695A8C 100%);
    background: -webkit-linear-gradient(top, #B2AFB6 0%, #8C81A1 50%, #695A8C 100%);
    background: linear-gradient(to bottom, #B2AFB6 0%, #8C81A1 50%, #695A8C 100%);
}
</style>