#C7D6DC - #5C92AC | 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 #C7D6DC a #5C92AC

#C7D6DC #5C92AC

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

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

0.0%	0.0% #C7D6DC	RGB 199 214 220	#C7D6DC
16.7%	16.7% #B5CAD4	RGB 181 202 212	#B5CAD4
33.3%	33.3% #A3BFCC	RGB 163 191 204	#A3BFCC
50.0%	50.0% #91B4C4	RGB 145 180 196	#91B4C4
66.7%	66.7% #7FA8BC	RGB 127 168 188	#7FA8BC
83.3%	83.3% #6D9DB4	RGB 109 157 180	#6D9DB4
100.0%	100.0% #5C92AC	RGB 92 146 172	#5C92AC

#C7D6DC #B5CAD4 #A3BFCC #91B4C4 #7FA8BC #6D9DB4 #5C92AC

#C7D6DC - #5C92AC

Mezcla HSV

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

0.0%	0.0% #C7D6DC	RGB 199 214 220	#C7D6DC
16.7%	16.7% #B2CAD4	RGB 178 202 212	#B2CAD4
33.3%	33.3% #9FBECC	RGB 159 190 204	#9FBECC
50.0%	50.0% #8DB3C4	RGB 141 179 196	#8DB3C4
66.7%	66.7% #7BA7BC	RGB 123 167 188	#7BA7BC
83.3%	83.3% #6B9CB4	RGB 107 156 180	#6B9CB4
100.0%	100.0% #5C92AC	RGB 92 146 172	#5C92AC

#C7D6DC #B2CAD4 #9FBECC #8DB3C4 #7BA7BC #6B9CB4 #5C92AC

#C7D6DC - #8DB3C4 - #5C92AC

Códigos CSS

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

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