#82BDBD - #DBECEC | 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 #82BDBD a #DBECEC

#82BDBD #DBECEC

Calcule el color entre dos colores, #82BDBD y #DBECEC. 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)

#82BDBD - #DBECEC | 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 #82BDBD como 0% y #DBECEC como 100%.

0.0%	0.0% #82BDBD	RGB 130 189 189	#82BDBD
16.7%	16.7% #90C4C4	RGB 144 196 196	#90C4C4
33.3%	33.3% #9FCCCC	RGB 159 204 204	#9FCCCC
50.0%	50.0% #AED4D4	RGB 174 212 212	#AED4D4
66.7%	66.7% #BDDCDC	RGB 189 220 220	#BDDCDC
83.3%	83.3% #CCE4E4	RGB 204 228 228	#CCE4E4
100.0%	100.0% #DBECEC	RGB 219 236 236	#DBECEC

#82BDBD #90C4C4 #9FCCCC #AED4D4 #BDDCDC #CCE4E4 #DBECEC

#82BDBD - #DBECEC

Mezcla HSV

#82BDBD - #DBECEC | 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 #82BDBD como 0% y #DBECEC como 100%.

0.0%	0.0% #82BDBD	RGB 130 189 189	#82BDBD
16.7%	16.7% #8FC4C4	RGB 143 196 196	#8FC4C4
33.3%	33.3% #9DCCCC	RGB 157 204 204	#9DCCCC
50.0%	50.0% #ABD4D4	RGB 171 212 212	#ABD4D4
66.7%	66.7% #BADCDC	RGB 186 220 220	#BADCDC
83.3%	83.3% #CAE4E4	RGB 202 228 228	#CAE4E4
100.0%	100.0% #DBECEC	RGB 219 236 236	#DBECEC

#82BDBD #8FC4C4 #9DCCCC #ABD4D4 #BADCDC #CAE4E4 #DBECEC

#82BDBD - #ABD4D4 - #DBECEC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82BDBD 0%, #ABD4D4 50%, #DBECEC 100%);
    background: -webkit-linear-gradient(top, #82BDBD 0%, #ABD4D4 50%, #DBECEC 100%);
    background: linear-gradient(to bottom, #82BDBD 0%, #ABD4D4 50%, #DBECEC 100%);
}
</style>