#DAFBFB - #6DDBD9 | 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 #DAFBFB a #6DDBD9

#DAFBFB #6DDBD9

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

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

0.0%	0.0% #DAFBFB	RGB 218 251 251	#DAFBFB
16.7%	16.7% #C7F5F5	RGB 199 245 245	#C7F5F5
33.3%	33.3% #B5F0EF	RGB 181 240 239	#B5F0EF
50.0%	50.0% #A3EBEA	RGB 163 235 234	#A3EBEA
66.7%	66.7% #91E5E4	RGB 145 229 228	#91E5E4
83.3%	83.3% #7FE0DE	RGB 127 224 222	#7FE0DE
100.0%	100.0% #6DDBD9	RGB 109 219 217	#6DDBD9

#DAFBFB #C7F5F5 #B5F0EF #A3EBEA #91E5E4 #7FE0DE #6DDBD9

#DAFBFB - #6DDBD9

Mezcla HSV

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

0.0%	0.0% #DAFBFB	RGB 218 251 251	#DAFBFB
16.7%	16.7% #C6F5F5	RGB 198 245 245	#C6F5F5
33.3%	33.3% #B3F0EF	RGB 179 240 239	#B3F0EF
50.0%	50.0% #A0EBEA	RGB 160 235 234	#A0EBEA
66.7%	66.7% #8EE5E4	RGB 142 229 228	#8EE5E4
83.3%	83.3% #7DE0DE	RGB 125 224 222	#7DE0DE
100.0%	100.0% #6DDBD9	RGB 109 219 217	#6DDBD9

#DAFBFB #C6F5F5 #B3F0EF #A0EBEA #8EE5E4 #7DE0DE #6DDBD9

#DAFBFB - #A0EBEA - #6DDBD9

Códigos CSS

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

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