#6DC9C6 - #D0E2B4 | 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 #6DC9C6 a #D0E2B4

#6DC9C6 #D0E2B4

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

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

0.0%	0.0% #6DC9C6	RGB 109 201 198	#6DC9C6
16.7%	16.7% #7DCDC3	RGB 125 205 195	#7DCDC3
33.3%	33.3% #8ED1C0	RGB 142 209 192	#8ED1C0
50.0%	50.0% #9ED5BD	RGB 158 213 189	#9ED5BD
66.7%	66.7% #AFD9BA	RGB 175 217 186	#AFD9BA
83.3%	83.3% #BFDDB7	RGB 191 221 183	#BFDDB7
100.0%	100.0% #D0E2B4	RGB 208 226 180	#D0E2B4

#6DC9C6 #7DCDC3 #8ED1C0 #9ED5BD #AFD9BA #BFDDB7 #D0E2B4

#6DC9C6 - #D0E2B4

Mezcla HSV

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

0.0%	0.0% #6DC9C6	RGB 109 201 198	#6DC9C6
16.7%	16.7% #77CDB4	RGB 119 205 180	#77CDB4
33.3%	33.3% #83D1A5	RGB 131 209 165	#83D1A5
50.0%	50.0% #8ED59B	RGB 142 213 155	#8ED59B
66.7%	66.7% #A0D99A	RGB 160 217 154	#A0D99A
83.3%	83.3% #BADDA7	RGB 186 221 167	#BADDA7
100.0%	100.0% #D0E2B4	RGB 208 226 180	#D0E2B4

#6DC9C6 #77CDB4 #83D1A5 #8ED59B #A0D99A #BADDA7 #D0E2B4

#6DC9C6 - #8ED59B - #D0E2B4

Códigos CSS

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

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