#8195BC - #DBE0EB | 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 #8195BC a #DBE0EB

#8195BC #DBE0EB

Calcule el color entre dos colores, #8195BC y #DBE0EB. 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)

#8195BC - #DBE0EB | 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 #8195BC como 0% y #DBE0EB como 100%.

0.0%	0.0% #8195BC	RGB 129 149 188	#8195BC
16.7%	16.7% #90A1C3	RGB 144 161 195	#90A1C3
33.3%	33.3% #9FAECB	RGB 159 174 203	#9FAECB
50.0%	50.0% #AEBAD3	RGB 174 186 211	#AEBAD3
66.7%	66.7% #BDC7DB	RGB 189 199 219	#BDC7DB
83.3%	83.3% #CCD3E3	RGB 204 211 227	#CCD3E3
100.0%	100.0% #DBE0EB	RGB 219 224 235	#DBE0EB

#8195BC #90A1C3 #9FAECB #AEBAD3 #BDC7DB #CCD3E3 #DBE0EB

#8195BC - #DBE0EB

Mezcla HSV

#8195BC - #DBE0EB | 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 #8195BC como 0% y #DBE0EB como 100%.

0.0%	0.0% #8195BC	RGB 129 149 188	#8195BC
16.7%	16.7% #8EA0C3	RGB 142 160 195	#8EA0C3
33.3%	33.3% #9CACCB	RGB 156 172 203	#9CACCB
50.0%	50.0% #ABB8D3	RGB 171 184 211	#ABB8D3
66.7%	66.7% #BAC5DB	RGB 186 197 219	#BAC5DB
83.3%	83.3% #CAD2E3	RGB 202 210 227	#CAD2E3
100.0%	100.0% #DBE0EB	RGB 219 224 235	#DBE0EB

#8195BC #8EA0C3 #9CACCB #ABB8D3 #BAC5DB #CAD2E3 #DBE0EB

#8195BC - #ABB8D3 - #DBE0EB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8195BC 0%, #ABB8D3 50%, #DBE0EB 100%);
    background: -webkit-linear-gradient(top, #8195BC 0%, #ABB8D3 50%, #DBE0EB 100%);
    background: linear-gradient(to bottom, #8195BC 0%, #ABB8D3 50%, #DBE0EB 100%);
}
</style>