#C2D3E5 - #5E99AD | 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 #C2D3E5 a #5E99AD

#C2D3E5 #5E99AD

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

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

0.0%	0.0% #C2D3E5	RGB 194 211 229	#C2D3E5
16.7%	16.7% #B1C9DB	RGB 177 201 219	#B1C9DB
33.3%	33.3% #A0BFD2	RGB 160 191 210	#A0BFD2
50.0%	50.0% #90B6C9	RGB 144 182 201	#90B6C9
66.7%	66.7% #7FACBF	RGB 127 172 191	#7FACBF
83.3%	83.3% #6EA2B6	RGB 110 162 182	#6EA2B6
100.0%	100.0% #5E99AD	RGB 94 153 173	#5E99AD

#C2D3E5 #B1C9DB #A0BFD2 #90B6C9 #7FACBF #6EA2B6 #5E99AD

#C2D3E5 - #5E99AD

Mezcla HSV

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

0.0%	0.0% #C2D3E5	RGB 194 211 229	#C2D3E5
16.7%	16.7% #AEC6DB	RGB 174 198 219	#AEC6DB
33.3%	33.3% #9CBBD2	RGB 156 187 210	#9CBBD2
50.0%	50.0% #8BB1C9	RGB 139 177 201	#8BB1C9
66.7%	66.7% #7BA8BF	RGB 123 168 191	#7BA8BF
83.3%	83.3% #6CA0B6	RGB 108 160 182	#6CA0B6
100.0%	100.0% #5E99AD	RGB 94 153 173	#5E99AD

#C2D3E5 #AEC6DB #9CBBD2 #8BB1C9 #7BA8BF #6CA0B6 #5E99AD

#C2D3E5 - #8BB1C9 - #5E99AD

Códigos CSS

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

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