#D5E3E5 - #6FA1B5 | 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 #D5E3E5 a #6FA1B5

#D5E3E5 #6FA1B5

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

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

0.0%	0.0% #D5E3E5	RGB 213 227 229	#D5E3E5
16.7%	16.7% #C4D8DD	RGB 196 216 221	#C4D8DD
33.3%	33.3% #B3CDD5	RGB 179 205 213	#B3CDD5
50.0%	50.0% #A2C2CD	RGB 162 194 205	#A2C2CD
66.7%	66.7% #91B7C5	RGB 145 183 197	#91B7C5
83.3%	83.3% #80ACBD	RGB 128 172 189	#80ACBD
100.0%	100.0% #6FA1B5	RGB 111 161 181	#6FA1B5

#D5E3E5 #C4D8DD #B3CDD5 #A2C2CD #91B7C5 #80ACBD #6FA1B5

#D5E3E5 - #6FA1B5

Mezcla HSV

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

0.0%	0.0% #D5E3E5	RGB 213 227 229	#D5E3E5
16.7%	16.7% #C1D8DD	RGB 193 216 221	#C1D8DD
33.3%	33.3% #AFCED5	RGB 175 206 213	#AFCED5
50.0%	50.0% #9EC3CD	RGB 158 195 205	#9EC3CD
66.7%	66.7% #8DB8C5	RGB 141 184 197	#8DB8C5
83.3%	83.3% #7DACBD	RGB 125 172 189	#7DACBD
100.0%	100.0% #6FA1B5	RGB 111 161 181	#6FA1B5

#D5E3E5 #C1D8DD #AFCED5 #9EC3CD #8DB8C5 #7DACBD #6FA1B5

#D5E3E5 - #9EC3CD - #6FA1B5

Códigos CSS

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

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