#6DA2BA - #D5E4EB | 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 #6DA2BA a #D5E4EB

#6DA2BA #D5E4EB

Calcule el color entre dos colores, #6DA2BA y #D5E4EB. 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)

#6DA2BA - #D5E4EB | 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 #6DA2BA como 0% y #D5E4EB como 100%.

0.0%	0.0% #6DA2BA	RGB 109 162 186	#6DA2BA
16.7%	16.7% #7EADC2	RGB 126 173 194	#7EADC2
33.3%	33.3% #8FB8CA	RGB 143 184 202	#8FB8CA
50.0%	50.0% #A1C3D2	RGB 161 195 210	#A1C3D2
66.7%	66.7% #B2CEDA	RGB 178 206 218	#B2CEDA
83.3%	83.3% #C3D9E2	RGB 195 217 226	#C3D9E2
100.0%	100.0% #D5E4EB	RGB 213 228 235	#D5E4EB

#6DA2BA #7EADC2 #8FB8CA #A1C3D2 #B2CEDA #C3D9E2 #D5E4EB

#6DA2BA - #D5E4EB

Mezcla HSV

#6DA2BA - #D5E4EB | 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 #6DA2BA como 0% y #D5E4EB como 100%.

0.0%	0.0% #6DA1BA	RGB 109 161 186	#6DA1BA
16.7%	16.7% #7CACC2	RGB 124 172 194	#7CACC2
33.3%	33.3% #8CB6CA	RGB 140 182 202	#8CB6CA
50.0%	50.0% #9DC1D2	RGB 157 193 210	#9DC1D2
66.7%	66.7% #AECCDA	RGB 174 204 218	#AECCDA
83.3%	83.3% #C1D8E2	RGB 193 216 226	#C1D8E2
100.0%	100.0% #D5E4EB	RGB 213 228 235	#D5E4EB

#6DA1BA #7CACC2 #8CB6CA #9DC1D2 #AECCDA #C1D8E2 #D5E4EB

#6DA2BA - #9DC1D2 - #D5E4EB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DA1BA 0%, #9DC1D2 50%, #D5E4EB 100%);
    background: -webkit-linear-gradient(top, #6DA1BA 0%, #9DC1D2 50%, #D5E4EB 100%);
    background: linear-gradient(to bottom, #6DA1BA 0%, #9DC1D2 50%, #D5E4EB 100%);
}
</style>