#DAF0E2 - #6FC892 | 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 #DAF0E2 a #6FC892

#DAF0E2 #6FC892

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

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

0.0%	0.0% #DAF0E2	RGB 218 240 226	#DAF0E2
16.7%	16.7% #C8E9D4	RGB 200 233 212	#C8E9D4
33.3%	33.3% #B6E2C7	RGB 182 226 199	#B6E2C7
50.0%	50.0% #A4DCBA	RGB 164 220 186	#A4DCBA
66.7%	66.7% #92D5AC	RGB 146 213 172	#92D5AC
83.3%	83.3% #80CE9F	RGB 128 206 159	#80CE9F
100.0%	100.0% #6FC892	RGB 111 200 146	#6FC892

#DAF0E2 #C8E9D4 #B6E2C7 #A4DCBA #92D5AC #80CE9F #6FC892

#DAF0E2 - #6FC892

Mezcla HSV

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

0.0%	0.0% #DAF0E2	RGB 218 240 226	#DAF0E2
16.7%	16.7% #C6E9D3	RGB 198 233 211	#C6E9D3
33.3%	33.3% #B3E2C4	RGB 179 226 196	#B3E2C4
50.0%	50.0% #A0DCB7	RGB 160 220 183	#A0DCB7
66.7%	66.7% #8FD5AA	RGB 143 213 170	#8FD5AA
83.3%	83.3% #7ECE9D	RGB 126 206 157	#7ECE9D
100.0%	100.0% #6FC892	RGB 111 200 146	#6FC892

#DAF0E2 #C6E9D3 #B3E2C4 #A0DCB7 #8FD5AA #7ECE9D #6FC892

#DAF0E2 - #A0DCB7 - #6FC892

Códigos CSS

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

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