#D9F7F7 - #6CD4D3 | 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 #D9F7F7 a #6CD4D3

#D9F7F7 #6CD4D3

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

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

0.0%	0.0% #D9F7F7	RGB 217 247 247	#D9F7F7
16.7%	16.7% #C6F1F1	RGB 198 241 241	#C6F1F1
33.3%	33.3% #B4EBEB	RGB 180 235 235	#B4EBEB
50.0%	50.0% #A2E5E5	RGB 162 229 229	#A2E5E5
66.7%	66.7% #90DFDF	RGB 144 223 223	#90DFDF
83.3%	83.3% #7ED9D9	RGB 126 217 217	#7ED9D9
100.0%	100.0% #6CD4D3	RGB 108 212 211	#6CD4D3

#D9F7F7 #C6F1F1 #B4EBEB #A2E5E5 #90DFDF #7ED9D9 #6CD4D3

#D9F7F7 - #6CD4D3

Mezcla HSV

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

0.0%	0.0% #D9F7F7	RGB 217 247 247	#D9F7F7
16.7%	16.7% #C5F1F1	RGB 197 241 241	#C5F1F1
33.3%	33.3% #B1EBEB	RGB 177 235 235	#B1EBEB
50.0%	50.0% #9FE5E5	RGB 159 229 229	#9FE5E5
66.7%	66.7% #8DDFDF	RGB 141 223 223	#8DDFDF
83.3%	83.3% #7CD9D9	RGB 124 217 217	#7CD9D9
100.0%	100.0% #6CD4D3	RGB 108 212 211	#6CD4D3

#D9F7F7 #C5F1F1 #B1EBEB #9FE5E5 #8DDFDF #7CD9D9 #6CD4D3

#D9F7F7 - #9FE5E5 - #6CD4D3

Códigos CSS

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

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