#6DBABA - #D5EBEB | 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 #6DBABA a #D5EBEB

#6DBABA #D5EBEB

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

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

0.0%	0.0% #6DBABA	RGB 109 186 186	#6DBABA
16.7%	16.7% #7EC2C2	RGB 126 194 194	#7EC2C2
33.3%	33.3% #8FCACA	RGB 143 202 202	#8FCACA
50.0%	50.0% #A1D2D2	RGB 161 210 210	#A1D2D2
66.7%	66.7% #B2DADA	RGB 178 218 218	#B2DADA
83.3%	83.3% #C3E2E2	RGB 195 226 226	#C3E2E2
100.0%	100.0% #D5EBEB	RGB 213 235 235	#D5EBEB

#6DBABA #7EC2C2 #8FCACA #A1D2D2 #B2DADA #C3E2E2 #D5EBEB

#6DBABA - #D5EBEB

Mezcla HSV

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

0.0%	0.0% #6DBABA	RGB 109 186 186	#6DBABA
16.7%	16.7% #7CC2C2	RGB 124 194 194	#7CC2C2
33.3%	33.3% #8CCACA	RGB 140 202 202	#8CCACA
50.0%	50.0% #9DD2D2	RGB 157 210 210	#9DD2D2
66.7%	66.7% #AEDADA	RGB 174 218 218	#AEDADA
83.3%	83.3% #C1E2E2	RGB 193 226 226	#C1E2E2
100.0%	100.0% #D5EBEB	RGB 213 235 235	#D5EBEB

#6DBABA #7CC2C2 #8CCACA #9DD2D2 #AEDADA #C1E2E2 #D5EBEB

#6DBABA - #9DD2D2 - #D5EBEB

Códigos CSS

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

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