#91ABAF - #DFE7E8 | 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 #91ABAF a #DFE7E8

#91ABAF #DFE7E8

Calcule el color entre dos colores, #91ABAF y #DFE7E8. 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)

#91ABAF - #DFE7E8 | 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 #91ABAF como 0% y #DFE7E8 como 100%.

0.0%	0.0% #91ABAF	RGB 145 171 175	#91ABAF
16.7%	16.7% #9EB5B8	RGB 158 181 184	#9EB5B8
33.3%	33.3% #ABBFC2	RGB 171 191 194	#ABBFC2
50.0%	50.0% #B8C9CB	RGB 184 201 203	#B8C9CB
66.7%	66.7% #C5D3D5	RGB 197 211 213	#C5D3D5
83.3%	83.3% #D2DDDE	RGB 210 221 222	#D2DDDE
100.0%	100.0% #DFE7E8	RGB 223 231 232	#DFE7E8

#91ABAF #9EB5B8 #ABBFC2 #B8C9CB #C5D3D5 #D2DDDE #DFE7E8

#91ABAF - #DFE7E8

Mezcla HSV

#91ABAF - #DFE7E8 | 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 #91ABAF como 0% y #DFE7E8 como 100%.

0.0%	0.0% #91ABAF	RGB 145 171 175	#91ABAF
16.7%	16.7% #9CB4B8	RGB 156 180 184	#9CB4B8
33.3%	33.3% #A9BEC2	RGB 169 190 194	#A9BEC2
50.0%	50.0% #B6C8CB	RGB 182 200 203	#B6C8CB
66.7%	66.7% #C3D2D5	RGB 195 210 213	#C3D2D5
83.3%	83.3% #D0DCDE	RGB 208 220 222	#D0DCDE
100.0%	100.0% #DFE7E8	RGB 223 231 232	#DFE7E8

#91ABAF #9CB4B8 #A9BEC2 #B6C8CB #C3D2D5 #D0DCDE #DFE7E8

#91ABAF - #B6C8CB - #DFE7E8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #91ABAF 0%, #B6C8CB 50%, #DFE7E8 100%);
    background: -webkit-linear-gradient(top, #91ABAF 0%, #B6C8CB 50%, #DFE7E8 100%);
    background: linear-gradient(to bottom, #91ABAF 0%, #B6C8CB 50%, #DFE7E8 100%);
}
</style>