#6DA7B0 - #D5E5E8 | 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 #6DA7B0 a #D5E5E8

#6DA7B0 #D5E5E8

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

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

0.0%	0.0% #6DA7B0	RGB 109 167 176	#6DA7B0
16.7%	16.7% #7EB1B9	RGB 126 177 185	#7EB1B9
33.3%	33.3% #8FBBC2	RGB 143 187 194	#8FBBC2
50.0%	50.0% #A1C6CC	RGB 161 198 204	#A1C6CC
66.7%	66.7% #B2D0D5	RGB 178 208 213	#B2D0D5
83.3%	83.3% #C3DADE	RGB 195 218 222	#C3DADE
100.0%	100.0% #D5E5E8	RGB 213 229 232	#D5E5E8

#6DA7B0 #7EB1B9 #8FBBC2 #A1C6CC #B2D0D5 #C3DADE #D5E5E8

#6DA7B0 - #D5E5E8

Mezcla HSV

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

0.0%	0.0% #6DA7B0	RGB 109 167 176	#6DA7B0
16.7%	16.7% #7CB0B9	RGB 124 176 185	#7CB0B9
33.3%	33.3% #8BBAC2	RGB 139 186 194	#8BBAC2
50.0%	50.0% #9CC5CC	RGB 156 197 204	#9CC5CC
66.7%	66.7% #AECFD5	RGB 174 207 213	#AECFD5
83.3%	83.3% #C1DADE	RGB 193 218 222	#C1DADE
100.0%	100.0% #D5E5E8	RGB 213 229 232	#D5E5E8

#6DA7B0 #7CB0B9 #8BBAC2 #9CC5CC #AECFD5 #C1DADE #D5E5E8

#6DA7B0 - #9CC5CC - #D5E5E8

Códigos CSS

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

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