#B5C3C0 - #5E7B75 | 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 #B5C3C0 a #5E7B75

#B5C3C0 #5E7B75

Calcule el color entre dos colores, #B5C3C0 y #5E7B75. 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)

#B5C3C0 - #5E7B75 | 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 #B5C3C0 como 0% y #5E7B75 como 100%.

0.0%	0.0% #B5C3C0	RGB 181 195 192	#B5C3C0
16.7%	16.7% #A6B7B3	RGB 166 183 179	#A6B7B3
33.3%	33.3% #98ABA7	RGB 152 171 167	#98ABA7
50.0%	50.0% #899F9A	RGB 137 159 154	#899F9A
66.7%	66.7% #7B938E	RGB 123 147 142	#7B938E
83.3%	83.3% #6C8781	RGB 108 135 129	#6C8781
100.0%	100.0% #5E7B75	RGB 94 123 117	#5E7B75

#B5C3C0 #A6B7B3 #98ABA7 #899F9A #7B938E #6C8781 #5E7B75

#B5C3C0 - #5E7B75

Mezcla HSV

#B5C3C0 - #5E7B75 | 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 #B5C3C0 como 0% y #5E7B75 como 100%.

0.0%	0.0% #B5C3C0	RGB 181 195 192	#B5C3C0
16.7%	16.7% #A4B7B3	RGB 164 183 179	#A4B7B3
33.3%	33.3% #95ABA6	RGB 149 171 166	#95ABA6
50.0%	50.0% #869F99	RGB 134 159 153	#869F99
66.7%	66.7% #78938D	RGB 120 147 141	#78938D
83.3%	83.3% #6A8781	RGB 106 135 129	#6A8781
100.0%	100.0% #5E7B75	RGB 94 123 117	#5E7B75

#B5C3C0 #A4B7B3 #95ABA6 #869F99 #78938D #6A8781 #5E7B75

#B5C3C0 - #869F99 - #5E7B75

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C3C0 0%, #869F99 50%, #5E7B75 100%);
    background: -webkit-linear-gradient(top, #B5C3C0 0%, #869F99 50%, #5E7B75 100%);
    background: linear-gradient(to bottom, #B5C3C0 0%, #869F99 50%, #5E7B75 100%);
}
</style>