#91A8AF - #DFE5E8 | 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 #91A8AF a #DFE5E8

#91A8AF #DFE5E8

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

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

0.0%	0.0% #91A8AF	RGB 145 168 175	#91A8AF
16.7%	16.7% #9EB2B8	RGB 158 178 184	#9EB2B8
33.3%	33.3% #ABBCC2	RGB 171 188 194	#ABBCC2
50.0%	50.0% #B8C6CB	RGB 184 198 203	#B8C6CB
66.7%	66.7% #C5D0D5	RGB 197 208 213	#C5D0D5
83.3%	83.3% #D2DADE	RGB 210 218 222	#D2DADE
100.0%	100.0% #DFE5E8	RGB 223 229 232	#DFE5E8

#91A8AF #9EB2B8 #ABBCC2 #B8C6CB #C5D0D5 #D2DADE #DFE5E8

#91A8AF - #DFE5E8

Mezcla HSV

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

0.0%	0.0% #91A8AF	RGB 145 168 175	#91A8AF
16.7%	16.7% #9CB1B8	RGB 156 177 184	#9CB1B8
33.3%	33.3% #A9BBC2	RGB 169 187 194	#A9BBC2
50.0%	50.0% #B6C5CB	RGB 182 197 203	#B6C5CB
66.7%	66.7% #C3CFD5	RGB 195 207 213	#C3CFD5
83.3%	83.3% #D0DADE	RGB 208 218 222	#D0DADE
100.0%	100.0% #DFE5E8	RGB 223 229 232	#DFE5E8

#91A8AF #9CB1B8 #A9BBC2 #B6C5CB #C3CFD5 #D0DADE #DFE5E8

#91A8AF - #B6C5CB - #DFE5E8

Códigos CSS

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

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