#DBDBDC - #8F98B1 | 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 #DBDBDC a #8F98B1

#DBDBDC #8F98B1

Calcule el color entre dos colores, #DBDBDC y #8F98B1. 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)

#DBDBDC - #8F98B1 | 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 #DBDBDC como 0% y #8F98B1 como 100%.

0.0%	0.0% #DBDBDC	RGB 219 219 220	#DBDBDC
16.7%	16.7% #CECFD4	RGB 206 207 212	#CECFD4
33.3%	33.3% #C1C4CD	RGB 193 196 205	#C1C4CD
50.0%	50.0% #B5B9C6	RGB 181 185 198	#B5B9C6
66.7%	66.7% #A8AEBF	RGB 168 174 191	#A8AEBF
83.3%	83.3% #9BA3B8	RGB 155 163 184	#9BA3B8
100.0%	100.0% #8F98B1	RGB 143 152 177	#8F98B1

#DBDBDC #CECFD4 #C1C4CD #B5B9C6 #A8AEBF #9BA3B8 #8F98B1

#DBDBDC - #8F98B1

Mezcla HSV

#DBDBDC - #8F98B1 | 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 #DBDBDC como 0% y #8F98B1 como 100%.

0.0%	0.0% #DBDBDC	RGB 219 219 220	#DBDBDC
16.7%	16.7% #CDCDD4	RGB 205 205 212	#CDCDD4
33.3%	33.3% #BFC1CD	RGB 191 193 205	#BFC1CD
50.0%	50.0% #B2B5C6	RGB 178 181 198	#B2B5C6
66.7%	66.7% #A6AABF	RGB 166 170 191	#A6AABF
83.3%	83.3% #9AA1B8	RGB 154 161 184	#9AA1B8
100.0%	100.0% #8F98B1	RGB 143 152 177	#8F98B1

#DBDBDC #CDCDD4 #BFC1CD #B2B5C6 #A6AABF #9AA1B8 #8F98B1

#DBDBDC - #B2B5C6 - #8F98B1

Códigos CSS

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

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