#B2AFB6 - #645A8C | 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 #645A8C

#B2AFB6 #645A8C

Calcule el color entre dos colores, #B2AFB6 y #645A8C. 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 - #645A8C | 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 #645A8C 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% #9892A8	RGB 152 146 168	#9892A8
50.0%	50.0% #8B84A1	RGB 139 132 161	#8B84A1
66.7%	66.7% #7E769A	RGB 126 118 154	#7E769A
83.3%	83.3% #716893	RGB 113 104 147	#716893
100.0%	100.0% #645A8C	RGB 100 90 140	#645A8C

#B2AFB6 #A5A0AF #9892A8 #8B84A1 #7E769A #716893 #645A8C

#B2AFB6 - #645A8C

Mezcla HSV

#B2AFB6 - #645A8C | 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 #645A8C 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% #988FA8	RGB 152 143 168	#988FA8
50.0%	50.0% #8B81A1	RGB 139 129 161	#8B81A1
66.7%	66.7% #7E739A	RGB 126 115 154	#7E739A
83.3%	83.3% #706693	RGB 112 102 147	#706693
100.0%	100.0% #645A8C	RGB 100 90 140	#645A8C

#B2AFB6 #A59EAF #988FA8 #8B81A1 #7E739A #706693 #645A8C

#B2AFB6 - #8B81A1 - #645A8C

Códigos CSS

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

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