#C0DED9 - #6DB3B0 | 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 #C0DED9 a #6DB3B0

#C0DED9 #6DB3B0

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

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

0.0%	0.0% #C0DED9	RGB 192 222 217	#C0DED9
16.7%	16.7% #B2D6D2	RGB 178 214 210	#B2D6D2
33.3%	33.3% #A4CFCB	RGB 164 207 203	#A4CFCB
50.0%	50.0% #96C8C4	RGB 150 200 196	#96C8C4
66.7%	66.7% #88C1BD	RGB 136 193 189	#88C1BD
83.3%	83.3% #7ABAB6	RGB 122 186 182	#7ABAB6
100.0%	100.0% #6DB3B0	RGB 109 179 176	#6DB3B0

#C0DED9 #B2D6D2 #A4CFCB #96C8C4 #88C1BD #7ABAB6 #6DB3B0

#C0DED9 - #6DB3B0

Mezcla HSV

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

0.0%	0.0% #C0DED9	RGB 192 222 217	#C0DED9
16.7%	16.7% #B0D6D1	RGB 176 214 209	#B0D6D1
33.3%	33.3% #A1CFC9	RGB 161 207 201	#A1CFC9
50.0%	50.0% #93C8C2	RGB 147 200 194	#93C8C2
66.7%	66.7% #86C1BC	RGB 134 193 188	#86C1BC
83.3%	83.3% #79BAB6	RGB 121 186 182	#79BAB6
100.0%	100.0% #6DB3B0	RGB 109 179 176	#6DB3B0

#C0DED9 #B0D6D1 #A1CFC9 #93C8C2 #86C1BC #79BAB6 #6DB3B0

#C0DED9 - #93C8C2 - #6DB3B0

Códigos CSS

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

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